Change Titles of the Swift Builder widgets

[FredLT]

Hi,

I would like to change the font type of the titles that i’m using on my Home Page via the swift builder. Could you help me regarding that ?
Is there a custom css code that i can use ? Could i use any google font included in the thme ?

Thank you a lot !

[Cosmin – SUPPORT]

Hi,

You can override this with custom CSS:

.sidebar .widget-heading h3 {
  font-family: "Font name", sans-serif !important;
}

Or, for a serif fallback font:

.sidebar .widget-heading h3 {
  font-family: "Font name", serif !important;
}

If you need to use a Google font other than the one used in the theme options for all headings, you will need to first import it and only then add the code mentioned above:

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,700");

.sidebar .widget-heading h3 {
  font-family: "Open Sans", sans-serif !important;
}

Regards,
————————————————————————————————————

Cosmin – Support

[FredLT]

Hi,

Thank you for your reply.
I added the code you gave me in the custom CSS.
But nothing changed, maybe i have to precise that i’m not using any sidebar on my home page, only the elements of the Page Builder, like Recents Posts, Posts Caroussel
and it is the title of those widget that i would like to change to customize my website.

Could you help me with that ?

Thank you !

[Cosmin – SUPPORT]

Sorry, you said “widgets” so I thought of WP widgets, not our Page Builder’s elements 🙂

Simply replace .sidebar .widget-heading h3 in the code above, with .page-heading h2

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[FredLT]

I tried that but nothing change, maybe i don’t do something right
i added this code
.page-heading h2 {
font-family: “Rock Salt” !important;
}

is it right ?

[Cosmin – SUPPORT]

And is the Rock Salt font imported like I mentioned, from Google Fonts, or defined via font-face?

If not, the browser doesn’t know what font you’re talking about, so it can’t use it.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[FredLT]

The Rock Salt font is already integrated in the theme as a google font so, do i have to import anyway or to add Salt Rock as a font face somewhere.

Thnak you a lot for your help !

[Ben – SUPPORT]

That should be fine then, are you having issues with it?

Thanks
Ben

[FredLT]

actually, yes i don’t see any change regarding the font of the swift builder elements titles…

thanks

[Cosmin – SUPPORT]

I think you misunderstood how Google Fonts work in the theme.

They’re not ALL imported or downloaded, only the ones selected in the theme options will work. So, is the font selected in the Google Fonts list? Or did you just see it in there and used it with custom CSS, without actually selecting it and saving the theme options?

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[FredLT]

Cosmin,

i did not selected this Google Font (Rock Salt) because i am using an other one in the body of my website so i selected Open sans in the Google Font Lits.

But i want to use the Google Font called Rock Salt only for the title of the Swift Builder Elements on my HP? Do you know How i can do that, please ?

Thank you !
f

[Cosmin – SUPPORT]

Hi Fred,

Exactly what I was thinking 🙂

So discard my previous advice and use the following code, as you will need to first import that font separately:

@import url("http://fonts.googleapis.com/css?family=Rock+Salt");

.sidebar .widget-heading h3 {
  font-family: "Rock Salt", sans-serif !important;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[FredLT]

Hi Cosmin,

Thank you for your help.
Actually i did add this code in the custom css, but only the typo of the sidebar widgets changed, and i want to change to typo of the titles of the swift builder elements on my home page as well…any tricks?

thank you !
f

[Cosmin – SUPPORT]

Hey,

Replace

.sidebar .widget-heading h3

with

h3.wpb_heading, .sidebar .widget-heading h3

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[FredLT]

Thank you a lot !

it is working nicely !:)

Cheers,
f