Reply To: how to change call to action font sizes?

[Sushil Adhikari]

But of course!

You will need to do custom CSS though to override the theme’s own styling. For the Call to Action, this styling is found around line 536 and 541 and looks like:

** For the heading

#cta h1, h1.promo {
font-size: 1.938em;
margin-bottom: 0.750em;
}

**For the content part

#cta h2, h2.promo {
font-family: ubuntu-light,sans-serif;
font-size: 1.250em;
font-weight: 300;
line-height: 1.5em;
}

For widgets in general, each widget has a default class of .widget which means anything within the widget container(s) can be targeted such as:

.widget h3 {
your styles for the headings
}
.widget {
font-size: 1rem;
color: $000000;
}

etc…But it depends on what you want to customize and where in the page of widget positions because you can change things globally or on a per widget basis. But in general, widgets start off with a default class of .widget and therefore lets you change things such as font-sizes, colours, margins, paddings, backgrounds, link colours, etc.