Carousel not working (and more)

1) I can't setup carousel. It does not show in home page or in Theme Options.

It was available in trial version. How do I get it to work in PRO?

2) Also the margins on Mobile are TOO wide. How do I make the as small as possible? See attached image.

3) It is very difficult to see links. How do I change link color, as well as <p> font color? How do I change Featured Page Heading font size / color?


My site: http://www.metalroofingma.com/

Thank you

 

1.For your first issue

Homepage carousel shows the post, Create a post with an image, It will automatically display at your homepage.

2.For your second issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
a.btn {
margin-top:0px;
margin-bottom:0px;
}
.contactinfo span.calldetails {
font-size: 15px;
}
}

3.For your third issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feturebox .featurebox_inner .featurebox_desc h2 a{
color:red;
font-size:20px;
}
p{
color:red;
}
a {
color: red;
}

This will solve your issue

 

@ Gourav,

Thanks for response.

I will add some posts later to test out the carousel.

#3 works,

#2 - I see no effect from adding that code. Also the code calls for 0 margins on top and bottom.

I mainly want zero margins first of all on SIDES, and then on top. The bottom is irrelevant.

Also, the code implies that max width is 480 pixels. then it's not a responsive theme. responsive should adjust to the screen resolution. My resolution in the attached image is 720p wide x 1280p high

On 560 x 940 it looks just about as bad.

Basically I want to use all of mobile phone screen and not waste that precious space.

And I have another question / problem.

I embedded youtube video. Embedded size is 480 x 360

On mobile I can only see 1/2 the payer, and it does not re-size (responsive thing) with he rest of the theme. Other free themes do this flawlessly. Please see the attached screenshot. (it's Galaxy Note 2 screen at 720x1280)

So, at this point I need to get rid of margins on the sides and top, and fix video sizes on mobile.

 

Any Help with this?

 

Replace your current Youtube iframe code with the code given below

Code:

<iframe width="75%" height="360" src="http://www.youtube.com/embed/PWo6ISjg_Ho?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

This will solve your issue.

 

Gourav, you ignored my question about side margins on mobile, with screes resolution wider than 480px

Also, 75% width on youtube player is NOT a solution - please fix theme!