Carousel not working (and more)

Discussion in 'Infoway WordPress Theme' started by coolflatroof, Mar 1, 2013.

  1. coolflatroof

    coolflatroof New Member

    Joined:
    Feb 28, 2013
    Messages:
    10
    Likes Received:
    0
    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
     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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
     
  3. coolflatroof

    coolflatroof New Member

    Joined:
    Feb 28, 2013
    Messages:
    10
    Likes Received:
    0
    @ 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.

    2013-03-03 23.23.29.jpg
     
  4. coolflatroof

    coolflatroof New Member

    Joined:
    Feb 28, 2013
    Messages:
    10
    Likes Received:
    0
    Any Help with this?
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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.
     
  6. coolflatroof

    coolflatroof New Member

    Joined:
    Feb 28, 2013
    Messages:
    10
    Likes Received:
    0
    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!
     

Share This Page