Increase font size in Hover Color shortcode

rincewind666 · November 2016

I went to increase the font size in "Hover Color".

I went to BeTheme options > Custom CSS & JS > Custom CSS and pasted this from your shortcodes page:

.my-class-big-font { font-size:150% !important; font-weight:bold; }

I then inserted this into the page:

[hover_color background="#2991D6" background_hover="#236A9C" border="" border_hover="" padding="40px 30px" link="" target="" class="my-class-big-font" style=""]Insert your content here[/hover_color]

The size remains the same. What am I doing wrong. Thanks for your help.

Albert · November 2016

Hi,

please send us link to page where you did this so we can have a look on it.

rincewind666 · November 2016

http://designreadysites.com/aa2/

Thanks for your help.

Albert · November 2016

Ok, thanks. But can you tell us where my-class-big-font class name and styles are? After further checking, we didn't found such class.

rincewind666 · November 2016

This is stated on your page:

http://themes.muffingroup.com/be/theme/shortcodes/content-elements/#contactbox

It says under "Hover Color":

Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.

For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:

.my-class-big-font { font-size:150% !important; font-weight:bold; }

I pasted this into BeTheme options > Custom CSS & JS > Custom CSS as instructed.

Albert · November 2016

Yes, we know what is written on our demo page but we are asking where on your side those classes are.

rincewind666 · November 2016

I don't understand. Where should they be?

Albert · November 2016

You wrote:

I went to BeTheme options > Custom CSS & JS > Custom CSS and pasted this from your shortcodes page:
.my-class-big-font { font-size:150% !important; font-weight:bold; }

I then inserted this into the page:

[hover_color background="#2991D6" background_hover="#236A9C" border="" border_hover="" padding="40px 30px" link="" target="" class="my-class-big-font" style=""]Insert your content here[/hover_color]

Where is my-class-big-font class name exactly? Because we checked your site and there is nothing like my-class-big-font on your site. So we are asking where you did it? We wanted to check what you mean but we are not able to find it.

rincewind666 · November 2016

Screenshots of the options panel and the page:

rincewind666 · November 2016

I am willing to give you our log-in details if you need to check this yourself. However I will need a secure method of doing this rather than on this open forum.

Albert · November 2016

We recommend to disable all these extra plugins because this must be the reason why classes for shortcodes does not work. We are telling what we see in the code and these classes does not exists there maybe because of these extra plugins. So please disable them and let us know when you do this so we can check these classes names.

Increase font size in Hover Color shortcode

Comments

This website uses cookies