Slider 4 Headers

  • How do I increase the size of the headers in the widgets on Slide #4 of the front page? I have a typography plugin that lets me change the fonts, size, color, etc. However, the headers on slide #4 are tied with the header one on Slide#3. The tool will let me increase the size of slide #3 header, but Slide#4 font sizes will not change in the widget. Check out my page here https://oneiricomnestar.com/. You can clearly see the header fonts in the widget are smaller than the body.

    I looked through the style sheet to see if the widget was being reduced by %, but I could not locate the code.

    Thanks,
    E!

Viewing 2 replies - 1 through 2 (of 2 total)

  • the widget titles are styled by:

    .widget h1,
.widget h2 {
    color: #999;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

    to overwrite that, you will either need to use !important with the font-size declaration if your plugin allows this,
    or add this to the custom CSS (for example via ‘additonal CSS’ in the ‘customize’ section of ‘appearance’):

    .widget h1 { font-size: 81px; }

    Moderator Kathryn Presner

    (@zoonini)

    You could try targeting panel 4 specifically. The CSS above will likely affect the header size of widgets in other places in the theme, so if you’re aiming for the fourth panel, you could try this:

    #slide-4 .widget-title {
  font-size: 28px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slider 4 Headers’ is closed to new replies.