Okay
  Public Ticket #3619603
line width - blog width
Closed

Comments

  •  1
    Shana started the conversation

    Hello, I would like to

    - set the line width on my site to a certain pixel width

    - if still needed after that: determine the maximum width of my blogposts.  How should I do that? Thank you!

  •  8,427
    Tahir replied

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.


    ThemeNectar Support Team 

  •  1
    Shana replied

    Hello Tahir

    Thanks for your quick reply.


    General website: https://www.hetschrijfpaleis.be/
    Blog section: https://www.hetschrijfpaleis.be/blog/

    (in the singular blog posts I did some adjustments myself in the backend to try and make the blog text not as wide, but I'm not happy with it)

    I'd like to achieve a maximum line width of 500 or 600 pixels.

    Thank you very much!

  •  8,427
    Tahir replied

    Hey Again,

    Please enable this option so we can alter the CSS to 600px width: 

    5782075726.png

    Thanks.


    ThemeNectar Support Team 

  •  1
    Shana replied

    Hello Tahir


    I've been looking for that option based on other threads I'd found, but I don't have those options. I think I have the latest version of Salient, though: 16.2.0.

    This is what I see (see attachment).

    Attached files:  Knipsel.JPG

  •  8,427
    Tahir replied

    Hey Again,

    It will only be active if you use the "Hide Sidebar on Single Post" feature. See screenshot: 

    2056187517.png

    Thanks.


    ThemeNectar Support Team 

  •  1
    Shana replied

    Found it and switched it on. 
    What should I do with the other settings? Adjust it the way they're set in your screenshot? (Edit: I used those settings for now).

    Also: will this work for the line width on my other pages as well? To be clear: I'm looking for a way to
    have a maximum line length for text, not necessarily for other objects. This is an example from another website: https://www.deblogacademie.nl/bang-om-te-bloggen/

  •  8,427
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-post .wpb_text_column.wpb_content_element {
        max-width: 500px !important;
        margin: auto;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Shana replied

    Thank you, Tahir. This worked very well!

    If I'm not mistaken the changes didn't alter the rest of my website copy. Is there a way
    to set the maximum width of a line of text to 500 pixels on my other pages as well?

    Many thanks.

  •  1,659
    Judith replied

    Hello Shana,

    Thanks for writing back.

    You can adjust the padding from Salient > Functionality > Container Left/Right Padding:

    4170489244.png

    I hope this proves helpful. Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,

  •  1
    Shana replied

    Thank you, Judith. Is there any way to know whether the padding has set the line width to 500 px?

  •  8,427
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wpb_text_column.wpb_content_element {
        max-width: 500px !important;
        margin: auto;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Shana replied

    That worked, thank you very much!