Docs

[Right Angle S]

Hi guys, how can I change the background of just the title section on our portfolio page so it matches our woo commerce products page seen in the attached image?

This is the page in question: http://sodrinks.co.uk/so-drinks-gin-sherry-vodka-drinks/

I’ve already tried the code below, but it makes the entire background grey and I would like just the rectangular strip under the image/behind the text to change colour:

.x-portfolio,
.x-portfolio .entry-wrap {
background: #f2f2f2;
box-shadow: none;
}

.x-iso-container>.hentry {
padding: 0 0.5em 1em;
}

.x-iso-container>.hentry:nth-child(1),
.x-iso-container>.hentry:nth-child(2),
.x-iso-container>.hentry:nth-child(3),
.x-iso-container>.hentry:nth-child(4){
padding-top: 1em;
}

.x-iso-container>.hentry:first-child,
.x-iso-container>.hentry:nth-child(4n+1) {
padding-left: 1em;
}

.x-iso-container>.hentry:nth-child(4n) {
padding-right: 1em;
}

Thanks for your help!

Nick

[Christopher]

Hi there,

Please try this code :

.page-template-template-layout-portfolio .entry-wrap.cf {
    background-color: red;
}

Hope it helps.

[Right Angle S]

That’s worked great, thank you very much!

Whilst I have you, is it possible to change the link of where the Site Icon directs you to?
So when you click it, instead of going to http://www.sodrinks.co.uk it goes to http://www.sodrinks.co.uk/gin-sherry-vodka-home/

Thanks,

Nick

[Paul R]

Hi Nick,

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(function($) {
    $('.x-brand.img').attr('href','http://www.sodrinks.co.uk/gin-sherry-vodka-home/');
});

Hope that helps

[Right Angle S]

Hi,
Thanks for your help however that didn’t work for me.

I believe it’s specifically the favicon logo displaying in the top left hand corner that I want to change the link to (screenshot attached) so it directs to http://www.sodrinks.co.uk/gin-sherry-vodka-home/

[Paul R]

Hi,

Please reduce the size of your screenshot and upload it again so we can see what you are referring to.

Thanks

[Right Angle S]

Thanks for pointing that out. Image re-uploaded.

Nick

[Thai]

Hi Nick,

The javascript code is working fine.

Would you mind providing us with your admin account so we can take a closer look?

Thanks.

[Right Angle S]

This reply has been marked as private.

[Paul R]

Hi Nick,

I added the code in your Custom > Javascript and I can see your logo is now linking to – http://sodrinks.co.uk/gin-sherry-vodka-home/

http://screencast.com/t/uNsy6Ulwif

Kindly clear your browser cache before checking.

Thanks

[Right Angle S]

That’s great, thank you very much!
Excellent service as always.

Nick

[Rahul]

You’re most welcome!

If you have anything else, let us know. We’d be happy to assist with you everything.

Thanks for using the X-Theme!

[Author]

Posts