Edit Title Text In Widget Sidebar

Support
#1

Hello! Currently, all of my widget title text is showing up the same as my page/post headline text.

I would like to change this as the color does not show up well over the background and the font size is too small.

Help appreciated! <3

#2

Hi Cassidy,

Thanks for reaching out!

Would you mind sharing a page URL with widget title so that we can check and give you a piece of advice on how to change the colors and font-sizes?

Thank you.

#3

Of course! https://www.fureverdogma.com/blog/

#4

I also would like to modify the widgets in the footer on that same link (though the original inquiry is in regards to the sidebar on the page).

#5

Hello Cassidy,

The colors of the widget titles are using the global heading settings in Pro > Theme Options > Typography > Headings. Change the color of the headings into something more visible.

Note: We are unable to provide support for customizations under our Support Policy.

Perhaps these old threads might also help:

Regards.

#6

Hey! Thanks for pointing me in the right direction. I was able to fix everything up with this & a little bit of google.

This is the CSS I am using for it for any future people looking at this:

.x-sidebar .widget > ul,
.x-sidebar .widget > div {
padding: 10px;
background-color: #fff;
}

body .x-main .h-widget,
body .x-sidebar .h-widget {
color: #533F28 !important;
border-color: #533F28 !important;
}

@font-face {
font-family: carlson-antique;
src: url(CAS_ANTI.woff);
}

body .x-main .h-widget,
body .x-sidebar .h-widget {
font-family: carlson-antique;
font-size: 2.5em; /* 40px/16=2.5em */
}

.x-sidebar img, .x-sidebar .h-widget, .x-sidebar p{
margin: 0 auto !important;
display: block !important;
text-align: center !important;
}

#7

Hi Cassidy,

Glad that we are able to help you. And thanks for sharing the code to help others.

Thanks

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.