This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove Underline on Latest Post Widget

Resolved 12 replies pluginplugin-widgets-bundlequestion
Sarah Miner
5 years ago · Last reply by Andrew Misplon 5 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

12
  1. Sarah Miner 5 years, 9 months ago

    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. Andrew Misplon Staff 5 years, 9 months ago

    Hi Sarah

    Thanks for reaching out.

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

  3. Sarah Miner 5 years, 9 months ago

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

    The widget is at the end of this page.

  4. Andrew Misplon Staff 5 years, 9 months ago

    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. Sarah Miner 5 years, 9 months ago

    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. Andrew Misplon Staff 5 years, 9 months ago

    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. Sarah Miner 5 years, 9 months ago

    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. Andrew Misplon Staff 5 years, 9 months ago

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

  9. Sarah Miner 5 years, 9 months ago

    “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. Andrew Misplon Staff 5 years, 9 months ago

    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. Sarah Miner 5 years, 9 months ago

    Great, that did the trick. Thank you!

  12. Andrew Misplon Staff 5 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread