Add thin dotted line between widgets

Hey Charlotte,

You want it under the booking section? Can you please screenshot the area?

Best regards,
Jordan Shannon

Hi Charlotte,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.widget_recent_entries#recent-posts-2 ul li {
   border-bottom-style: dotted !important;
   border-top: none !important;
   border-width: 1px !important;}

Best regards,
Sarah

• This reply was modified 7 years, 7 months ago by Sarah. Reason: added border-top specification

Hi,

Have you tried clearing your browser and WP cache and refreshing the page a few times?

If that doesn’t work, may we have admin access into your Dashboard so we can take a closer look, please?

Best regards,
Sarah

Hi,

Unfortunately, those login details don’t work for me. Can you check it?

I’ve also checked your style.css, but I don’t see the code I gave you. Please make sure you clear your WordPress cache (if you have any caching plugins) or the cache that your server might be generating.

Thank you!

Sarah

Hi,

I added the code into your Quick CSS, and it works okay now! :) Please check it and see if that’s how thin you’d like it to be. You can adjust the border-bottom-width value if you’d like.

Best regards,
Sarah

Hi,

Oh, that’s where you wanted it? I’m so sorry, it seems I misunderstood. I thought you wanted them in the widget for recent posts.

Okay, to put a dotted line between the widgets, I put this code in your Quick CSS instead:

.sidebar .widget { border-bottom: 1px dotted gray; }
.sidebar .widget:last-child { border-bottom: none; }

Please replace gray with your preferred color.

Best regards,
Sarah

No problem, Charlotte! We’re glad to help.

Let us know here in the forums if you need help with anything else!

Best regards,
Sarah