Strong text in Slider revolution differ from the one on the web site

[shimoda]

Hi.
I have notice than the appearance of the strong tag text differ on the web site compare to the one in the slider revolution.

Where are the setting for the “strong” tag for the web site? Thanks!

[ruenel]

Hello @shimoda,

Thanks for writing in!

The strong and b tag is using this styling by default:

b, strong {
    font-weight: bold;
}

There is no setting where you can change this. You need to add CSS code into X > Theme Options > CSS .

Feel free to make adjustments to the code above as you needed and then add your final code in X > Theme Options > CSS . Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

By the way, the strong tag in your slider layer has its own setting as well.

Hope this helps.

[shimoda]

Hi @ruenel.

With your help I have added this CSS code to recreate what is seen in the Revolution slider editor. Thanks!

#rev_slider_3_1_wrapper strong {
font-weight: 700
}

I realized I have not clearly express my mind at first.
I am surprised that the look of <strong> in the Revolution Slider Editor is lost when looking at the web site. What could explain why it seems that some custom CSS is required to recreate what is seen in the Revolution Slider Editor?

[rad]

Hi @shimoda,

They are just elements with default styling, which still can be changed by another styling. Hence, if it’s overridden by another CSS, you can only set it back by adding that CSS again. Especially the slider modify the font styling to make it responsive on each device view.

Thanks!