Slider & Button styles

General Discussions
1

Hi, I am using the Shamrock theme (https://wordpress.org/themes/shamrock/). It has a nice css style with links, underline, but it does not work well with Beaver’s button and slider. Beaver messes the button and text (shadow) and adds the line in there, same with top in the slider. I know where to edit the css style, but the thing is that if i remove it, it is removed thoughtout the site. i would not like that, as the css style is cool. Any suggestions how i can edit only button and slider css? thanks in advance.

2

Hey JL,

Could you please share your Website URL with us so we could have a better look at your issue? You can use the private reply option below.

Thanks!

KC

3

[Content Hidden]

4

Hey JL,

Try the CSS snippet below and see if it’s what you’re looking for. :slight_smile:

.fl-builder-content .fl-slide-content-wrap .fl-button {
	background:#fff;		
}

.fl-builder-content .fl-slide-content-wrap .fl-button .fl-button-text{
	color:#000;
}

.entry-content .fl-builder-content .fl-module-heading h5.fl-heading a {
	text-shadow: none;	
}

Thanks!

KC

5

Great, thanks. Sorted the slider button, but not the other buttons and slider’s top. more wise words KC? thanks mate!

6

Hey JL,

May I know which other buttons are you referring to? Perhaps some screenshots? Do you think you can share temp admin access to your site so you could keep your Website down for maintenance and sort out the things you’d want?

Thanks!

KC

7

[Content Hidden]

8

Hey JL,

Adding this to your styling should fix you right up! :slight_smile:

.entry-content .fl-cta-button .fl-button-wrap a:not(.more-link),
.entry-content .fl-heading a:not(.more-link),
.entry-content .fl-content-slider-wrapper .fl-slide .fl-slide-bg-link{
    background: transparent;
}

Thanks!

KC

9

hi KC, you are right! Now theme’s CSS is working well, thanks very much :slight_smile:

10

Hey JL,

Glad that worked for you, enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC

11

[Content Hidden]

12

Hey JL,

Just update the code above provided by KC to the one below and that should do it! :slight_smile:

.entry-content .fl-cta-button .fl-button-wrap a:not(.more-link),
.entry-content .fl-heading a:not(.more-link),
.entry-content .fl-content-slider-wrapper .fl-slide .fl-slide-bg-link,
.entry-content .fl-widget .tagcloud a:not(.more-link) {
  background: transparent;
}

BEn