‘View Your Shopping Cart’ dropdown background colour

Hi there, it sounds like the cart and checkout buttons are coming from your cart plugin. They can likely be overriden with CSS too though, or it may have its own settings somewhere.

If you’ll send a link to your site we may be able to tell.

Also, note the site will need to be live so we can see it.

Hi, thank you, I launched it today.
https://www.stormlesscirclecoaching.com

Thanks for the URL! To change the background of the View your shopping cart submenu, you can use this CSS:

.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    background-color: #0597B9;
}

This will change the color to match the rest of the menu, but you can also change the color code to any other.
I’m not finding the Proceed to checkout button though, could you send me a screenshot of where I can find it? You can use an online tool for that (such as https://snipboard.io/) and paste the link into your reply.

Beautiful! Thank you so much!
Here is the Proceed to checkout button https://snipboard.io/6G0BSw.jpg You can only see it if you put anything in your cart.

On another note (please let me know if I need to create another Topic), would you know why my search goes a bit nuts when looking for products? https://snipboard.io/N2JeXq.jpg Titles are not the problem, I tried shortening them but they still go over everything and stretch outside the website window. Thank you very much!

Ah thanks for that, so the code to change the button color woud be this:

a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt {
    background-color: #0597B9;
}

As for the search issue, does this happen only for products?

It worked a treat, thank you very much.

Yes, it seems like the product titles are out of control in the search results. Everything else has been published as a post or a page so far and they seem to be coming up fine.

Hmm, it might be a theme bug, I’d need to do some more testing. In the meantime, you could try using this piece of code:

.post-thumbnail + .entry-header {
  width: inherit;
}

It’s not perfect, but shorter titles should look way better with that.

Hi folks, I noticed, for what it’s worth, that a search like this returns products and posts:

https://www.stormlesscirclecoaching.com/?s=session

And only the products are broken. The posts are okay. All of them do have the title overlapping the featured image, so that’s normal for this theme. But the products getting headers that are too wide. And I think its their positioning to blame. So this may help, too:

media screen and (min-width: 1000px) {
   .post-thumbnail + .entry-header {
      position: inherit;
   }
}

Hi, I used fresatomica’s code which affected all the titles in the search results. I will leave it at that for now as it looks alright to me. Definitely better than it was!

I also tried to add the “position: inherit;” bit which left a huge gap between the title and the description, unfortunately, and also affected the blog entries in the same way. I could not use the whole code as it did not work.

Thank you!!

That’s totally fine. I wasn’t seeing that in my tests, but changes like this can have different effects on different screens. I’m glad the first one worked well for you. Cheers!