Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 9, 2018 at 8:10 am #924336
    LeoWan65

    Hi Enfold team,

    I tried applying the quick CSS codes from a few similar topic about the adjustment of the blog post, but I did not solve the issue (in fact, none of the codes work).

    I am using 1130px as my Max Container Width under the General Layout Enfold Setting, however this width is too large for my posts. I would like to narrow to content display (for desktop) to around 920px (Havent find out the recommended post width size), without affecting the menu and footer default width (1130px as normal).

    Is there any codes I can apply?

    March 9, 2018 at 10:13 pm #924765
    Basilis

    Hey Leo,

    Please add the following code

    
.single .responsive .container {
width: 900px !important;
}

    and let us know if it works.

    Best regards,
    Basilis

    March 12, 2018 at 2:37 am #925312
    LeoWan65

    Hi Basilis,

    Nope, it doesn’t work. Any other recommendations?

    March 12, 2018 at 9:48 am #925397
    Nikko

    Hi,

    Can you try this one:

    .responsive .single .container {
    max-width: 920px;
}

    if that doesn’t help, please use this instead:

    .responsive .single .container {
    max-width: 920px !important;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 12, 2018 at 11:08 am #925440
    LeoWan65

    Hi Nikko,

    Your quick CSS code works. Now I would like to find out if my menu can still be at the original 1130px, together with my ‘Banner CTA Button’ and ‘Pre-footer’ containers. Is it possible?

    March 12, 2018 at 11:23 am #925445
    Nikko

    Hi,

    You’re welcome, try adding this css code:

    .responsive .single #header .container, 
.responsive .single #av_section_1 .container, 
.responsive .single #footer .container, 
.responsive .single #socket .container {
    max-width: 1130px !important;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 12, 2018 at 12:00 pm #925461
    LeoWan65

    Awesomeness Nikko! Works perfect. I need help with the last thing: To adjust the ‘pre-footer’ container (The colour section container that contains our logo and other images).

    Is there any ways to insert the code name into the “For Developers: Section ID” container and then put quick css code to adjust the width?

    March 12, 2018 at 4:06 pm #925575
    Nikko

    Hi,

    I see, please replace the last code I gave with this one:

    .responsive .single #header .container, 
.responsive .single #av_section_1 .container, 
.responsive .single #av_section_2 .container, 
.responsive .single #footer .container, 
.responsive .single #socket .container {
    max-width: 1130px !important;
}

    If you use the Section ID, the code you should use should look something like this:

    .responsive .single #my_section_id .container {
    max-width: 1130px !important;
}

    Where you replace my_section_id with the id you specified. Hope it helps :)

    Best regards,
    Nikko

    March 13, 2018 at 2:53 am #925830
    LeoWan65

    Heyyya Nikko,

    Thanks a lot for all ya help. Appreciated it a lot. :D Now it all looks perfect.

    Best Regards,
    Leo

    March 13, 2018 at 3:38 am #925837
    Nikko

    Hi Leo,

    You’re welcome, it’s a pleasure to help you :) Thanks for using Enfold and have a great day! :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blog Post Width Adjustment’ is closed to new replies.