[Resolved] Title decorations

Home Forums Support Title decorations

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1232003
    ch1800

    I moved a site to GP from a previous installation using another theme and everything works now fine, thanks to this awesome support.

    The only thing I still miss from the previous theme is those lines below widget titles and in between each item that were making the sidebar columns nicer to scroll:

    Is it possible to add those line decorations here with some CSS or else?

    #1232254
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .sidebar .widget {
        display: flex;
        flex-direction: column;
    }
    
    .sidebar .widget .widget-title {
        display: inline-block;
        align-self: center;
        border-bottom: 2px solid yellow;
    }
    
    .sidebar .widget ul li {
        border-bottom: 1px solid #ccc;
    }
    #1232299
    ch1800

    Pure magic!

    Is there a way to have this display: inline-block; to align in center?
    I mean exactly the same, the line being same length as title, but center aligned.
    I find it so nice that I want to replicate it for titles at homepage, with local CSS only for that page and h1.

    #1232304
    David
    Staff
    Customer Support

    Update the CSS above to add the flex for centering the title and more meaningful selectors.

    #1232363
    ch1800

    Awesome, thanks again David – we are good for while with this one!

    #1232461
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.