Navigation bullets not aligned

Hi Pete,

Could you share the slider live URL on your site?

We will check and let you know.

Thanks

Hi yep…

https://petesturgeon.com/?page_id=257

Thanks for your help.

Check the screenshot.

Now use the below code into slider setting flied : Custom CSS

.wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child, .wpb_toggle_content p:last-child {
    margin-bottom: calc();
}

Hope that will fix and let us know

Thanks

Doesn’t seem to have had an effect I’m afraid.

I pasted the code into the custom CSS part of the slider tool as you asked.

Which is it conflicting with ?

Thanks

One of your plugin JS Composer design style applying on slider buttles

Conflicting CSS Code

margin-bottom: 0;

Oh I put some custom CSS in to change the button styling on my contact form, would that be it?

I input the following into customiser..

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: white;
color: black;
}
input.wpcf7-form-control.wpcf7-submit {
border: 2px solid white;
background-color: #23A0DC;
color: white;
}

Or would it be another plugin conflicting or lightbox styling with the theme?

I appreciate you helping me.

Try to modify the below code: Custom CSS

.wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child, .wpb_toggle_content p:last-child {
    margin-bottom: calc() !impoertant;
}

And let us know.

Slider bullets css class is sp-buttons. So, did you modify any CSS regarding this class.

Your plugin JS Composer design style applying on slider buttles, not your created CSS.

How would visual composer be styling the slider buttons? I can’t make sliders on visual composer so i can’t see where to amend this.

How can I solve this? Can it not be overrode by css?

Thanks

Check the screenshot.

Thanks

I don’t get it. I can’t see what it would be conflicting with or how to fix it.

Maybe I should contact the person who made the theme, they may know where they have used the sp-button class.

I’m not sure, what would you suggest?

Thanks

Hi,

Just follow my steps here

Step-1 :Go to our plugin menu and then open that slide settings panel which is conflict

Step-2 : Now copy below css code

.wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child, .wpb_toggle_content p:last-child {
    margin-bottom: calc() !impoertant;
}

and then paste it on custm css field on plugin setting panel

Check this screenshot for more help.

Step-3 : Update your slide settings and then check your slider.

Try this procedure and then let me know.

Thanks

Thanks

Hi followed these steps and pasted this css over what we had there before.

it says impoertant in your code and i changed it to important but still didn’t work.

As fas as I am aware i don’t have any child themes by the way.

Thanks for your patience.

Hi,

Can please you contact me at lizarweb[at]gmail[dot]com