[Support request] Widget Title

[Shivam]

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…

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shivam]

@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;}

[Fernando]

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;
}

[Author]

Posts