Home>Support>Remove Underline on Latest Post Widget

Remove Underline on Latest Post Widget

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?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 26 days, 3 hours ago Sarah Miner

    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.

  2. 24 days, 22 hours ago Andrew Misplon Hi, I Work Here

    Hi Sarah

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  3. 23 days, 22 hours ago Sarah Miner

    Our website just went live, here is the link: https://www.bookmobile.com/design

    The widget is at the end of this page.

  4. 23 days, 3 hours ago Andrew Misplon Hi, I Work Here

    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;
    }
  5. 21 days, 1 hour ago Sarah Miner

    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?

  6. 20 days, 23 hours ago Andrew Misplon Hi, I Work Here

    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.

  7. 20 days, 23 hours ago Sarah Miner

    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.

  8. 20 days, 23 hours ago Andrew Misplon Hi, I Work Here

    Are you wanting to remove the underline that was showing on the images or the text?

  9. 20 days, 23 hours ago Sarah Miner

    “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.

  10. 20 days, 23 hours ago Andrew Misplon Hi, I Work Here

    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;
    }
  11. 20 days, 23 hours ago Sarah Miner

    Great, that did the trick. Thank you!

  12. 20 days, 23 hours ago Andrew Misplon Hi, I Work Here

    Super, glad to hear that helped. If SiteOrigin questions arise in the future, please, let us know.

    Cheers for now.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More