Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello!
When inserting a title into a siteorgin widget it is not replicating the wordpress theme design for widget titles. I have tried to fix it and have come very close, but I am not able to get the blue and gray line to show at the same time. This is what I would like it to look like: http://tinypic.com/r/300d3dg/9
From using inspector this is what I can tell the css is:
.widget-title {
border-bottom: 1px solid #d6d6d6;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
position: relative;
}
.widget-title span {
border-bottom: 2px solid #0a56cf;
padding-bottom: 10px;
display: inline-block;
position: relative;
top: 1px; }
And here is what I did in the custom css area after looking at a previous forum regarding editing the title’s color:
.override_widget-title h3.widget-title {
border-bottom: 1px solid #d6d6d6;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
position: relative;
}
.override_widget-title h3.widget-title span{
border-bottom: 2px solid #0a56cf;
padding-bottom: 10px;
display: inline-block;
position: relative;
top: 1px;
}
Our site is VERY much under construction but if it helps, here is the link to the page with the correct widget title css:
http://77.104.152.114/~jmwilson/products-2/
Thanks for any help!!
Josie
Hi Josie,
I just had a quick look at your website and I can’t seem to find any instances of a .widget-title, only .page-title which appears to be working with your current structure. Did you change over to .page-title to allow for the theme CSS to be picked up or are there .widget-titles on one of the other pages?
Hi Alex,
I did not change to .page-title. I just tried to add the page title css to .widget-title. The page I am having trouble with is: ….specifically the “Our Locations” title.
Thanks!
Josie
Hi Alex,
So I changed the Widget title HTML to
{{title}}
, but I am still not getting the bottom border. Thanks for getting me a step closer!
So I fixed it! Yay! The only issue is I’d like the font a little bigger than the widget title text. Is there a way to do that? I tried to make it a h2, but that didn’t seem to do anything.