Return to previous page

Change Size of Page Title (Part of the Breadcrumb)

This topic has 4 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

mattiash

Participant

January 7, 2018 at 10:56

Hey,

How can I change the size of the breadcrump title/header for all my pages? Not specific to Woocommerce pages but all pages. The text is to big at the moment.

I have tried:
.title{
font-size: 20px !important;
}

This works but it also changes the size of my Home Page H2’s which I don’t want. They should remain the default size.
I tried to access the code from WP Bakery to create another CSS class for the Home Page but I don’t find where to modify this….ultimately I rather target the breadcrump header with special CSS than site wide but I can’t find a way to modify that either.

Any ideas?

Thank you

#181283 Copied

3 Answers

Rose Tyler

Support staff

January 9, 2018 at 09:29

Hello,

Please provide a screenshot for better understanding.

Regards

#181352 Copied

mattiash

Participant

January 10, 2018 at 00:26

I want to make this header smaller https://1drv.ms/i/s!AvAJIhA_ZQ6wjXqE16GyTdQJ1VWo
and this header to remain the same size https://1drv.ms/i/s!AvAJIhA_ZQ6wjXv50MaYP-K5bt1k

I haven’t found a way to change the class on either of those headers and they share the same CSS class.

#181468 Copied
Rose Tyler

Support staff

January 10, 2018 at 08:17
Hello,

Please try to use this code in custom.css file or in style.css file of child theme:
```
.page-heading .title span {
    font-size: 23px;
}
```
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

Regards
#181479 Copied
Viewing 4 results - 1 through 4 (of 4 total)