- This topic has 5 replies, 2 voices, and was last updated 6 years, 6 months ago by
.
Hi
<span style=”text-decoration: underline;”>Issue 1</span>
Using Style 11 in a blog slider module with 4 slides and at the current module dimension only 1 dot is visible on the far right of the module. If you resize the browser so the content resizes, the 4 dots appear correctly. The dots also do not appear on mobile view, I assume they are supposed to because it doesn’t say anywhere they are not intended to?
See the top module on this page: http://stc.velkaluna.com/
password in private field.
<span style=”text-decoration: underline;”>Issue 2</span>
Also, the meta for this module wraps onto a new line underneath the author photo. It doesn’t do this on other modules (see further down the page).
Thanks
Hi @savethecat,
I hope you are well today and thank you for your question.
It seems happening on your shared site due to the CSS code used on your site using Yellow Pencil editor so please remove the code by resetting style as described in the below pages.
https://yellowpencil.waspthemes.com/docs/managing-changes-on-entire-website/
https://yellowpencil.waspthemes.com/docs/managing-the-element-styles/Best regards,
Shufflehound teamI have deleted all custom CSS from Yellow Pencil (and deactivated the plugin) and also from the theme custom CSS fields, so there is no custom CSS anywhere on the site.
The issues are still there and can also be seen using an incognito browser session, so its not a caching issue. There are no caching plugins active on the site either.
It also doesnt explain why the dots dont appear on a mobile view. Can you confirm they are supposed to?
Solution for this topic
Yes, the slider Dots are made hidden on mobile intentionally.
You can resolve the position issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.blog-slider-item .post-meta img.avatar { display: inline-block; } .blog-slider-dots ul.slick-dots { position: absolute; width: auto; left: 44%; }Worked great thanks!
You are most welcome here 🙂
