My 'saved' template is not giving the option to 'Append existing page

Beaver Builder
1

Is it possible to style the tabs in the TABS module? If so, how is it done?

I’d like to change the color and also use the Bold style; I think it’s probably done through the css, but I’m not sure how.

2

Hi Tony,

When you say change the color. Are you referring to the text color or the background color for the tab?

If you’re referring to the text color, you can use the built-in WYSIWYG to change the font color as well as make the text bold.

Cloudup

Thanks,
Danny

3

Hi Danny

Thanks for your response.

No, we’re not talking about the same thing. I’m aware that I can use the WYSIWYG editor inside wordpress to edit the text of what is going inside the tab. What I’m wanting to change the actual ‘TAB’ heading into BOLD.

To explain; I’m using the tabs module on one of my pages to inform/instruct what is on my website, and I’ve used this module to describe what’s on each page, i.e. the Navigation/Menu Bar. I’ve used the WYSIWYG editor to style the text that describes the what’s on each page, but it’s the actual TAB HEADING I want to be able to style too.

So, if I’ve added, say, several tabs of the Menu items, e.g. HOME, ABOUT US, MEMBERSHIP, USEFUL LINKS etc. It’s the TAB headings I want to style in Bold text, not normal text.

It’s amazing how writing words down tests your skill of communication! I do hope you’ve understood what I’m saying. Years ago someone said to me, “Tony, the onus of communication is the responsibility of the source, not the reader/listener” …my, how true that is! So, if you’ve not understood what I’m getting at, that’s my fault not yours as I’m the ‘source’!

Thanks for your help. I appreciate it.

4

Hey Tony,

Try adding the CSS snippet below and see if it’s what you’re looking for. Feel free to change the color. :slight_smile:

.fl-module-tabs .fl-tabs-label {
  color: #757575;
  font-weight: bold;
}

Ben

5

Hi Ben

Thanks for this; I knew it could be done but not quite the ‘how’!

Can you remind me the easiest way to get access to the css snippet I need to adjust please, if it’s not too much trouble. I’m still finding my way around, as you will have guessed.

Thanks again for guiding me along, I appreciate it. :slight_smile:

6

A quick update; (gosh!) I managed to fix it for myself!!

I thought I’d look for a suitable wp plugin, and found one called ‘Advanced CSS Editor’. I’ve installed it now, and gone to the page where the ‘TABS’ lie, put in the CSS snippet that Ben’s sent to me, changed the color to the one I wanted and, voila, it worked. I’m super smug now.

There may be another way to do it too, without this plugin, so I’m happy to learn another method too if there is one within BB itself. I suppose the adage, ‘if-it-ain’t-broke-don’t-fix-it’ applies here, so I’m happy to soldier on with the plugin I’ve installed to get the job done.

Thanks to Ben and Danny for their help. As always, very professional and you’ve given me great guidance. :slight_smile:

7

Hey Tony,

There certainly is a place to insert that on the BB plugin. Just go over to Tools > Layout Settings > CSS. It will apply that CSS code on that specific page alone. If you want to apply it globally, you can place it under Tools > Global Settings > CSS. :slight_smile:

Ben

8

Thanks Ben… I will now I know where to find the CSS Global edit tool, it will get used I’m sure.

9

No worries at all! Enjoy! :slight_smile:

Ben

10