Changing margins in fullwidth template

Discussion in 'Squirrel WordPress Theme' started by boldplanning, Jun 3, 2013.

  1. boldplanning

    boldplanning New Member

    Joined:
    Apr 2, 2013
    Messages:
    7
    Likes Received:
    0
    Location:
    Nashville, TN
    Hi,

    Trying to figure out the various styling options in Squirrel. We are trying to use the fullwidth template for most pages but the margin is too wide (the width of the main box is fine, we just want a little more white space for the text).

    I've found .index-fullwidth in style.css, and have tried to make changes to it, as follows:

    But there's no effect. How can I change this? Also, I'm trying to give more horizontal space to an image on that same page, and the hspace attribute has no effect on IMG. Is there a way to get around this?

    Thanks!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Please specify your issue more clearly with the help of screenshot images and also do let us know your website link. So, that we can able to give you exact solution.
     
  3. boldplanning

    boldplanning New Member

    Joined:
    Apr 2, 2013
    Messages:
    7
    Likes Received:
    0
    Location:
    Nashville, TN
    The page I'm working on is: http://bold.seteq.com/contact/

    There are several problems:
    1. I've edited blue.css so that the menubar should have the same background color as the main background - it still is a bit lighter.
    2. The margin on the right image and the left text is too narrow - we want more white space. That's the edit I mentioned above.
    3. On the left side of the image, the text is too close. I've tried putting hspace="20" in the IMG tag, and it ignores it.
    4. Whenever I try to add a hyperlink to the footer, the content is lost. All it will take is text. We have to put our Terms and Privacy links there, or next to the social icons.
    5. No matter what I do, a blank line is inserted after a <br> or <p>, I'm trying to get those lines under "BOLDplanning Headquarters" to be together. How to do this?
    Please help!

    [​IMG]
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    I think you have solved the issue from point 1 to point 4 by yourself.
    For the fifth issue, paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .fullwidth h3 {
    text-decoration: underline;
    }
    This will solve your issue.
     

Share This Page