Archived topic
Title decorations
5 replies · Started by ch1800 on April 8, 2020
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:
https://cloudup.com/cVHCJ66u5Ko
Is it possible to add those line decorations here with some CSS or else?
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;
}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.
Update the CSS above to add the flex for centering the title and more meaningful selectors.
Awesome, thanks again David - we are good for while with this one!
Glad to be of help
