Archived topic
Widget Title
3 replies · Started by Shivam on October 8, 2022
I am not able to decrease the font size of my widget title from customizer > typography.
I am using the pretty much same setup on a different site (link, screenshot) and I want to get the exact widget title layout on this new site (link) as well.
Please help me with this...
Hi there,
go to Customizer > Typography -> Add New Typography, from the Target Element List, select Custom and in the field provided add this CSS class: .widgettitle - now set your font styles for that.
@David this fixed the font size but I don't know why the heading couldn't be formatted in such a way that it gets into the middle of the table of the content border. (similar to this)
Here is the CSS you provided last time for formatting that I am using on both site.
.widget .ez-toc-widget-container .widget-title {width: fit-content; padding: 0 20px; margin-left: auto; margin-right: auto; background-color: white; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 999999; white-space: nowrap; letter-spacing:1px;}
.widget .ez-toc-widget-container {overflow: visible !important;}Hi Shivan,
The selector in your CSS isn't applicable. Try replacing that CSS with this:
.widget .ez-toc-widget-container {overflow: visible !important;}
.widget .ez-toc-widget-container .widgettitle {
width: fit-content;
padding: 0 20px;
margin-left: auto;
margin-right: auto;
background-color: white;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
white-space: nowrap;
letter-spacing: 1px;
}