Hi,
Can you share the URL? I can check it pretty quickly. Might be something in your theme overriding the styling.
Yeah, it’s something in your theme that will style all <li> with that image.
Can you add this css?
.metaslider .slides a {
background: none!important;
}
Amazing, that worked but, I was hoping that the misalignment on these arrows would fix itself once we remove that little arrow
-
This reply was modified 5 years, 8 months ago by
Lukas Araujo.
Can you update it to remove the padding too?
.metaslider .slides a {
background: none!important;
padding:0 !important;
}
And is there anyway to move this nav section with css or is this a layout/slide theme related?
Sure thing.
.ms-theme-outline.metaslider .flex-control-nav {
bottom: 0.5rem!important;
}
At this point I feel that I should actually just learn all Metaslider’s css instead of asking for ya but, I promise this is the last one haha.
Is there anyway to resize the nav arrows on the sides?
The best way to make updates like this is to right-click on the element in question, then press inspect. If you’re in Chrome, it will look like this:
https://prnt.sc/utlj1j
If you are hovering over an item, you will see it highlighted on the screen (See the green/blue square?). From there you can look on the right to get the class name, and view the stylings you want to update.
If you add !important it will attempt to override anything that might be more specific.
Thank you so much, I edited everything that I wanted now haha.
Great, looks good!
By the way, if you’re enjoying MetaSlider please leave us a 5-star review. They really help us out and let others find our plugin more easily.
If you don’t think we deserve the 5 stars please let us know how we can improve, too. Thanks!
https://ww.wp.xz.cn/support/plugin/ml-slider/reviews/?rate=5#new-post