Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2017 at 8:30 am #737148
    nazalislam

    I am using the “strtched layout” in general settings, and “Elegent” layout for blog. And I don’t want to use any sidebar for my posts and pages. So, I enables ‘no sidebar’ option in the layout. After doing so, the posts are centered in the middle of the page. I’ve tried to change the content-sidebar ratio to 70-30%, but the width is still same. but I want to increase it’s width about 100-120 px. How can I do so?

    January 23, 2017 at 10:43 am #737189
    Guenni007

    if there is no sidebar – how can there be an effect of changing that ratio?

    What do you like to have – a smaller or a wider space for the content in blog?
    Is there any link for us to understand your request better?

    January 23, 2017 at 10:50 am #737192
    Guenni007

    there are two rules to set up these values (here are the standard settings):

    #top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 800px !important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 600px;
}

    try to play first with the 600px value and have a look what happens. The surrounding container .fullsize .template-blog .post .entry-content-wrapper is limited too – so if you want more than 800px width you have to increase this value too!

    January 23, 2017 at 9:47 pm #737428
    nazalislam

    Thank you. I actually want to widden the width of the main content. What I did is, I made a child theme and made a seperate style.css file in that folder. Then, I added those lines of code, but nothing happened. I tried both of them one by one. But nothing happened. Am I doing something wrong?

    • This reply was modified 7 years, 10 months ago by nazalislam.
    January 23, 2017 at 10:58 pm #737453
    Guenni007

    these are the default values
    Add those lines please to quick css of enfold options dialog. The style.css in the child-theme folder might work to – but it is quicker to insert it in
    Dashboard – Enfold Child – General Styling – Quick CSS ( scroll down to see the input fields)

    try: 

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 800px;
}
    January 23, 2017 at 11:31 pm #737456
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling Tab

    #top .fullsize .template-blog .post .entry-content-wrapper, #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    January 24, 2017 at 12:35 am #737485
    nazalislam

    Thank you very much. Now I’ve set the layout for my blogs as I wanted.

    January 24, 2017 at 1:22 am #737493
    Yigit

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How can I Increase the width of Posts’ is closed to new replies.