Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #27493

    Hey Guys I know this stuff has been asked before but I am not able to find a straight forward answer that say. I am a bit of a novice fyi. my site is for reference.

    PART 1

    I have assigned a fixed header with social icons. the container height is being set at 116 px and then when you scroll down it shrinks to 58 px I think. I want to change the height to be something more like 80 px at the largest. It is too tall and the logo wont center in that space. I am running a child theme setup. in layout.css I found

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height:116px; line-height: 116px; }

    and changed it is say 80 px height and line-height. and then copy pasted that code into my styles.css in my child theme. But nothing changed? Is this the wrong code to change?

    PART 2

    On my single blog post pages I want there to be no sidebar. so I can place large picture sliders on the main content area. I have the blog style set to Single author big preview image. And no sidebar selected on the single blog post pages.

    The blog meta info, post title, body text content, and anything I place in the post all gets squished into a 600px wide container. I want this to be larger. I want it to match the feature image with of 1030px. so like above in layout.css I found this code:

    #top .fullsize .template-blog .post-title{text-align: center; font-size: 30px; padding:15px 0; max-width: 800px; margin: 0 auto;}

    #top .fullsize .template-blog .post .entry-content{text-align: justify; font-size:15px; line-height: 25px; max-width: 800px; margin:0 auto; overflow: visible; }

    #top .fullsize .template-blog .post .entry-content > *{ max-width: 800px; margin-left:auto; margin-right:auto; }

    .fullsize .big-preview .avia-gallery {

    width: 600px;

    max-width: 100%;

    margin: 0 auto;


    I changed all the max-widths to 1030px and then copy pasted this into my child theme style.css file and nothing changes. Is this the rigth code to manipulate. I don’t want to do it with the post id EVERY time I want all posts to be that wide.

    Please help, Thanks.


    Ok well now it is working. I didn’t do anything differently, I must have refreshed 10 times and reset my cache and it was working but now it magically is.

    So I guess maybe look over my change Was that the right code to mess with. Well I mean the best choice?



    I don’t see anything wrong with your css modifications, if it works then it is should be OK.

    You got a nice website. :)




    really nice website

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Enfold header size and no sidebar blog main content container size’ is closed to new replies.