I am using the “latest post” widget on my home page (my site is not yet live). There is an underline on these links, but it is a bit awkward and only underlines the first line of the blog post title and not runover lines for longer blog post titles. I want to remove the underline on all posts in this widget, but I’m not sure how to do so with additional CSS. The classes of each link in this widget are individual to the blog posts, and I don’t want to have to add custom CSS each time a new blog post goes live. What CSS can I use to make this adjustment?
Remove Underline on Latest Post Widget
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
An additional note: It appears that blog posts with a 1-line title in the widget have NO UNDERLINE, while blog posts that have 2+ line titles have ONE UNDERLINE under the first line of the blog title only. Is this a glitch? On mobile, the line cuts into the text, which is definitely not ideal.
Hi Sarah
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
Our website just went live, here is the link: https://www.bookmobile.com/design
The widget is at the end of this page.
Thanks. To override the theme’s adding of a box-shadow to links, you can try adding the following to Appearance > Custom CSS if you’re using SiteOrigin CSS or CustomizeAdditional CSS:
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a { box-shadow: none; }That did not work unfortunately. I did try adding the !important notation as well, and that didn’t do anything. Anything else I can try?
The rule is taking effect on my end. Perhaps try refreshing your browser a few times, clearing your browser cache or checking from another browser you don’t normally use to view the site.
You are saying you do not see any underline on our website on this widget?
I cleared my browser cache (I’m on Chrome) and that did not work.
I checked on my phone and the change did not take effect on mobile.
Please advise.
Are you wanting to remove the underline that was showing on the images or the text?
“There is an underline on these links, but it is a bit awkward and only underlines the first line of the blog post title and not runover lines for longer blog post titles.”
I want to remove the underline from the title of the blog post.
Thanks. To remove the box-shadow on the text link portion you can add:
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a { box-shadow: none; }Great, that did the trick. Thank you!
Super, glad to hear that helped. If SiteOrigin questions arise in the future, please, let us know.
Cheers for now.