Why is the Reviews H2 text not the same size as the other H2 text? - Support

Tagged: font size, h2, review, title

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
October 15, 2015 at 12:59 pm #519249

richardelectrix
Participant

http://screencast.com/t/PVW92RDrw

http://screencast.com/t/PVW92RDrw

I want to change the size of the Reviews H2 title so it is the same size as the Specifications H2 title.

http://dev2.electrixinternational.com/product/flat-lid-trunking-length/

October 15, 2015 at 6:04 pm #519467
Elliott
Inactive Moderator
Hey richardelectrix!

Add this to your custom CSS.
```
#comments h2 {
    font-size: 17px !important;
}
```
Best regards,
Elliott
October 16, 2015 at 9:35 am #519730

richardelectrix
Participant

Hi

That changes the font to the correct size, but how do I now style it so it is the same as the others?

Correct:
http://screencast.com/t/OsxIrGaQd4

Incorrect:
http://screencast.com/t/EUSdUjJy

In the CSS, how do you know when to use a # and how do you know when to use a . ?

eg. #comments or .single-product . avia-post-nav ?

October 16, 2015 at 1:57 pm #519961
Yigit
Keymaster
Hi!

Please change the code to following one
```
#top .woocommerce-tabs h2 {
    font-size: 16px!important;
    font-weight: lighter!important;
}
```
If you are targetting ID attribute then you use #. If class attribute, then .

Cheers!
Yigit
October 16, 2015 at 2:21 pm #519990

richardelectrix
Participant

Hi

That doesnt appear to work.

October 18, 2015 at 6:25 am #520509
Rikard
Keymaster
Hi,

Try the following instead:
```
.wc-tab h2 {
    font-size: 16px!important;
    font-weight: lighter!important;
}
```
Adjust the values if needed.

Regards,
Rikard
October 19, 2015 at 11:13 am #520822

richardelectrix
Participant

Hi

That doesnt work either. The font is the correct size, but it isnt the correct weight.

October 20, 2015 at 1:08 pm #521582
Andy
Inactive Moderator
Hi!

code is working fine for me. Try to change font-weight in Rikard’s code to:
```
.wc-tab h2 {
    font-weight: bold !important;
}
```
and clear browser cache afterwards. Then you should be able to see the difference.

Cheers!
Andy
October 20, 2015 at 1:54 pm #521640

richardelectrix
Participant

Hi

That still isnt working for me.

Reviews is still in bold.

Thanks

October 21, 2015 at 6:20 am #522130
Rikard
Keymaster
Hi,

font-weight: bold will do that yes, try one of the following:
```
font-weight: 100 !important;
font-weight: 200 !important;
font-weight: 300 !important;
font-weight: 400 !important;
font-weight: 500 !important;
font-weight: 600 !important;
font-weight: 700 !important;
font-weight: 800 !important;
font-weight: 900 !important;
```
Best regards,
Rikard
October 21, 2015 at 9:58 am #522221

richardelectrix
Participant

Hi

This is fixed now thanks.
Author

Posts