[Cheryl]

Hi, I am using Catch Everest Pro. Can you please help me to edit the font family and size in the content box of the slider. Also how do I edit the font sizes of other elements?
I also want to decrease the size of the header, how can I make it shorter?
http://jasa.com.au/
Thanks
Cheryl

[Pratik]

Hi @Cheryl,
In Appearance=> Customizer=> Theme Options=> Font Family Options=> Default Font Family you can change the font family for slider. If you want to change only for slider, then you can do it via Custom CSS. Use following code in Appearance=> Customizer=> Theme Options=> Custom CSS box:

#main-slider .entry-content { 
   font-family: "Arial Black", Gadget, sans-serif; 
}

This will change slider font to Arial Black. Change it to any font family you require.

To decrease size of header, add following CSS code in same place,

#site-title {
   font-size: 35px;
}

You can decrease 25 to further decrease the size.

Let me know how everything works out.

Regards,
Pratik

[Cheryl]

Hi Pratik,

Thank you for your help but It hasn’t worked how I wanted. Here is the code I have in custom CSS now:

#main-slider .entry-content {
font-family: “Palatino, Palatine Linotype, Book Antiqua”,sans-serif;
}

#site-title {
font-size: 55px;
}

I want to change the font face of the slider to Palatino, as well as the size of this text.

I was able to change the size of the title font in the header, can you please tell me how to change the size of the tag line also?

I would like to reduce the overall size of the header, not the text in it. I want the header to be a narrower white box.

Thanks for your help. Cheryl

[Pratik]

Hi @Cheryl,
For Palatino font, add in your css as follows:

#main-slider .entry-content {
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 20px;
}

Notice the font-size: 20px, increase or decrease to change its size as per your need.

For Tagline, add following CSS,

#site-description {
   font-size: 30px;
}

Notice the font-size: 30px, increase or decrease to change its size as per your need.

To reduce the overall size of the header( make it narrower ).

#hgroup {
    padding-top: 10px;
}
#hgroup-wrap {
    padding-bottom: 10px;
}

Notice the 10px in both conditions. Increase or decrease them both as per your need.

Let me know how it works out.

Regards,
Pratik

[Cheryl]

Hi Pratik,

Thank you very much for your help and the code. Below is the code that I have now. The header is great and so is the tag line now, but the main slider font has not changed at all – in either face or size.

I want it to match the title and tagline font. Can you please help again?
http://jasa.com.au/

Thanks, Cheryl

#main-slider .entry-content {
font-family: “Palatino Linotype”,”Book Antiqua”,Palatino,serif;
font-size: 20px;
}

#site-title {
font-size: 55px;
}

#site-description {
font-size: 20px;
}

#hgroup {
padding-top: 10px;
}

#hgroup-wrap {
padding-bottom: 10px;
}

[Pratik]

hi @Cheryl,

I got it now. the slider has title rather than content. Please use following CSS:

#main-slider .entry-title {
   font-family: “Palatino Linotype”,”Book Antiqua”,Palatino,serif;
   font-size: 20px;
}

#site-title {
   font-size: 55px;
}

#site-description {
   font-size: 20px;
}

#hgroup {
   padding-top: 10px;
}

#hgroup-wrap {
   padding-bottom: 10px;
}

Hope this works, let me know if otherwise.

Regards,
Pratik

[Cheryl]

Thank you!! I’ve got it changed now. One last question…

What is the code to change the color of this title text please.

Thanks. C

[Pratik]

Hi @Cheryl,

By this, which one do you mean? Main Site Title, or Slider title?
`

[Cheryl]

Sorry – slider title

[Pratik]

Ok got it, add following code to change slider color:

#main-slider .entry-title span {
   color: #ff0000;
}

Currently, I have changed the color to red using hex value. Just find the hex value of the color you need and replace #ff0000 with your color.

[Cheryl]

Thanks again Pratik, I actually meant the colour of the text in the slider. 🙂
Cheryl

[Author]

Posts