Osaretin

Got it. I think CSS or jquery can achieve that but I’m not sure how. Hopefully someone responds with a solution. It’ll be interesting to see what solution is available in the form of a plugin. In the meantime, If I come across anything before you get this resolved, I’ll be sure to share it here. Good luck.

My bad. Do you just want to change images on click without any conditional logic? Hopefully someone here can assist with that.

Oh dear. Glad it’s all sorted regardless. Nice site by the way. Cheers.

Hi,
The FacetWP filtering plugin may be similar what you’re looking for.
Goodluck,
Osa

I’ve checked and there’s no background image. It’s probably a caching issue. Check on another web browser. The only image on the page is the featured image of the top blog post. If that’s what you wish to remove then edit the post & remove featured image.
Cheers,
Osa

Hi, Might be easier using a child creation plugin and deleting the plugin after creating the child theme. Some plugins allow you to select as many files to create as you want. Depending on the level of customization you require. Good luck

Flattery will get you everywhere ??
Glad to be of help.
Hopefully it all goes well with the header addition.
If not, you know the drill.

Hi,
If you know how to use your functions.php file perhaps the solution from https://premium.wpmudev.org/forums/topic/how-to-change-color-of-admin-bar-on-front-end-for-all-users-even-non-logged-in might help

A simple modification like the one below should hopefully resolve it.

Replace

<style>
#wpadminbar{
background: #000000 !important;
}
</style>

with

<style>
.wp-admin{
background: #999 !important;
}
</style>

Hi again,
Hope this helps.

>> Lower Menu <<
#masthead {
margin-bottom: 0;
} Adjust margin as required

>> Widen Menu <<
.site-header .mt-container {
width: 100%;
}

>> Hide Footer <<
.site-footer {
display: none;
} OR
#bottom-footer {
display: none;
} Depending on how much of it you want to hide

>> Remove space above menu <<
.logo-ads-wrapper {
padding: 0;
} Or as required

Cheers

Hi Tea,
That’s great news! Glad to be of help.
Well done. I’m really pleased for you ??
Have a great day too.
Cheers,
Osa

An alternative CSS could be:
.boxed_layout #page {
background: none;
}
.site-content {
background: #fff;
}

But as @broseph pointed out, you may need to contact your theme developer for help.

Your porfolio archive has another body class of post-type-archive-jetpack-portfolio
So you can make changes to the portfolio archive by prefixing your targeted classes like so:

.post-type-archive-jetpack-portfolio h2.post-title a {
color: #fff;
}

On single portfolio pages, you can prefix with >> single-jetpack-portfolio

When you use inspect element in your browser to view a page, check the body class to see which class is unique to the page you want to make changes to.
Then target that unique class.

Hope this all makes sense?

Cheers.

This should help.
https://docs.woocommerce.com/document/customise-the-woocommerce-breadcrumb/

You can use the Pretty links plugin to do that.

You can set a min height for the container (li) then set an absolute position for the button within the container.

I tried this and it seemed to work fine.

.woocommerce ul.products > li {
padding-top: 10px;
padding-bottom: 10px;
min-height: 350px;
position: relative;
}

.woocommerce ul.products > li .cart {
margin: 5px 5%;
position: absolute;
bottom: 30px;
}