Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 11, 2016 at 12:43 am #671100
    Taryn

    Hi,
    I’ve tried several different things I’ve seen on here, but nothing seems to be working.

    On this site (http://staging.aspeninsuranceagency.com/), I’m trying to get the footer container to be the same width as my content area just above it, but everything I try is being ignored and it’s defaulting to full width. Any help would be greatly appreciated.

    Thanks!

    August 13, 2016 at 6:08 pm #672293
    Josue

    Hey!

    Try selecting a Boxed layout in Theme options > Layout settings.

    Cheers! 
    Josue

    August 20, 2016 at 6:42 am #674930
    Taryn

    Thanks! That gives me another weird layout issue, though. Along the left and right sides, I want the content area to line up with the header image, and I can’t find where to remove the left and right padding to get the desired effect. I’ve attached a screenshot that hopefully helps explain what I’m after. Basically, remove the areas in the red boxes/make them transparent so the background shows through, shrinking the content area and menu to the width of the header image.

    Thanks!

    PS – I couldn’t figure out how to attach an image to this message, so here’s a link to it: http://staging.aspeninsuranceagency.com/wp-content/uploads/2016/08/Screenshot-Aspen-Insurance-Dev-Site.png

    August 20, 2016 at 3:44 pm #675031
    Josue

    Hi,

    You can clear the container paddings with this code (add it to Quick CSS):

    .fullsize .container {
    padding: 0;

}
.footer_color .container,
.socket_color .container{
    padding: 0 30px;
}

    Best regards,
    Josue

    August 23, 2016 at 5:10 am #676150
    Taryn

    Hmmm – that did not have the desired effect. That brings the text in the content area further out to the sides. What I need, as per the image here (http://staging.aspeninsuranceagency.com/wp-content/uploads/2016/08/Screenshot-Aspen-Insurance-Dev-Site.png), is to remove, or make transparent, the areas in the red boxes on the sides of the content area, so that the content area basically stops on the sides where the menu and header image at the top to. OR – alternatively, how would I stretch the header image and logo so they go to the edges of the content area and match the width of the menu?

    Thanks!

    August 24, 2016 at 12:40 am #676716
    Taryn

    I think I got it working. I added
    .container { padding: 0; }

    to Quick CSS.

    Thanks!

    August 25, 2016 at 6:20 am #677358
    Rikard

    Hi,

    Great, glad you found a solution :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.