Is it possible to create per page a custom sidebar?

This topic has 8 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    April 1, 2022 at 10:54

    Is it possible to create per page a custom sidebar to make the content relevant to the landingpage?

    Thanks.

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 1, 2022 at 11:55

    Hello,

    Edit page > [8theme] Layout options > Widget Area
    Apperance > Widgets > Custom Sidebar

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    April 5, 2022 at 09:57

    Yes that worked, thanks! the only thing now is that when i use a sidebar and a heading in it, and the word is too long the word breaks on the wrong point. it also happens in headings when a word is too long, like this https://gyazo.com/c669d88cde31fb0e8a1961285fa9cb3f
    how can i set a breakpoint for words? or how to solve that a word doesnt break at all?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 5, 2022 at 10:18

    Provide URL of page with the problem, please.

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    April 5, 2022 at 10:19

    Sure, vwm-advocaten.nl

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 5, 2022 at 10:49

    On this page only? Could you provide temporary wp-admin access also?

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    April 5, 2022 at 11:00

    i think yes, it happens when a word is too long.

    Thanks,

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 5, 2022 at 11:32

    Hello,

    There are 2 rules that you could use to break the words: word-break and word-wrap.
    https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
    https://www.w3schools.com/cssref/css3_pr_word-wrap.asp
    If you don’t want to break the words use

    @media (max-width: 480px) {
    h1, h2, h3, h4, h5, h6 {
        word-break: normal;
        word-wrap: normal;
    }
    }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.