[ChristopherModerator]

Hi there,

Please add this :

.woocommerce-checkout .product-name a{
    pointer-events: none;
cursor: default;
}

Hope it helps.

[DanParticipant]

I tried that but then the download link will not work. Both appear as a link – but you cannot click on either when above is applied. Any other suggestions?

Thanks

Dan

[ChristopherModerator]

Hi there,

Please try this :

.woocommerce-checkout .product-name a:first-child{
    pointer-events: none;
cursor: default;
}

Hope it helps.

[DanParticipant]

Hi – thank you for your efforts. That disables download too.

[John EzraMember]

Hi Dan,

Thanks for updating the thread. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[gailguidoParticipant]

I tried entering the code you provided to change the font size on my shop page. It didn’t work for some reason.

https://silverstreetgifts.com/shop/

Thank you.

[Paul RModerator]

Hi,

You can try this code instead. Add it in Appearance > Customize > Custom > Edit Global CSS

.woocommerce .product h3 {
    font-size:30px !important;
}

You may change 30px to achieve your desired font size.

Hope that helps

[Thai4moreParticipant]

Dear X, As we discussed above is shall come back at this topic.
This is the url you ask for: https://www.4morefightshorts.com/4more-store/
My issues:
1- i want to make the font size of the title smaller
2- i want to make the font size of the content smaller
3- the border of the product display is to wide on the right side
4- 1 want make the font size of the description at the bottom of the product display smaller.
5- is it possible to place the content below the product displays instead of above as it is now?
Thanks in advantage for all your help, Best regards Corrie

[Thai4moreParticipant]

Dear x, Forget point 4 i just adjust it with this: .woocommerce .product h3 {
font-size:25px !important;
}
One other issue, there is a yellow background on the product number display, how do i delete it? i tried the code below but i dont work:
.mark {
background-color: none;
}
Thanks for all, best regards Cor

[RadModerator]

Hi there,

1. Page title? Please add this CSS,

.post-type-archive-product h1.h-landmark {
font-size: 150%;
}

2. This too,

.p-landmark-sub {
font-size: 16px;
}

3. I don’t see border, but space on the right. Please add this as well,

.woocommerce .cols-3 li.product img, .woocommerce.columns-3 li.product img {
width: 100%;
}

5. Add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( '.post-type-archive-product .p-landmark-sub' ).css({width: '100%', clear: 'both'}).insertAfter('.post-type-archive-product ul.products');

6. Should be like this,

mark.count {
background-color: transparent;
}

Hope these helps.

[Thai4moreParticipant]

Thank you very much, that helps a lot to make my shop page looks perfect, almost there.
i need one last thing for the shop page,

1- it look like there is no border at the top of the product display, i put a with picture in it so you can see it clearly now, see attachment. How i can get the same border as on the sides and bottom?

For the categories pages i need a little help to make them perfect,

2- can you tel me how i can make the size of the archive title on the product category pages smaller? or is there a way to completely delete the archive title and Archive Subtitle ?

3- can i make the font size of the page content bigger

4- how i put the content on the categorie pages below the pictures? for the shop page you gave me this code:
jQuery( ‘.post-type-archive-product .p-landmark-sub’ ).css({width: ‘100%’, clear: ‘both’}).insertAfter(‘.post-type-archive-product ul.products’);
Thank you very much for all your help, best regards Corrie

[ChristopherModerator]

Hi there,

Please add this :

.woocommerce li.product {

    box-shadow: 0 0.15em 0.35em 0em rgba(0,0,0,0.135),0 -0.15em 0.35em 0em rgba(0,0,0,0.135);
}
/* to resize archive title and subtitle fonts add this*/
.archive.woocommerce h1.h-landmark {
    font-size: 24px;
}

.archive.woocommerce p.p-landmark-sub {
    font-size: 12px;
}

/* To remove archive title and subtitle add this one */
.archive.woocommerce p.p-landmark-sub,.archive.woocommerce h1.h-landmark {
   display:none;
}
.single-product .entry-content {
    font-size: 18px;
}

Update your JS code to :

jQuery( ".post-type-archive-product .p-landmark-sub,.archive.woocommerce .p-landmark-sub" ).css({width: "100%", clear: "both"}).insertAfter(".post-type-archive-product ul.products,.archive.woocommerce ul.products");

Hope it helps.

[Thai4moreParticipant]

Dear X, works great but 1 issue, to put content on the shop page i go to integrity>shop options>shop subtitle
here i drop all my content. but when i am on the category pages and i want delete my subtitles with this code:
.archive.woocommerce p.p-landmark-sub {
display:none;
}
it also delete all my content from the shop page.
Can i insert my shop page through another option or do you have a solution?
Thanks in advantage, best regards Cor

[FriechModerator]

Hi There,

Update your css code to this:

.archive.tax-product_cat .p-landmark-sub {display: none;}

Hope it helps, Cheers!

[Thai4moreParticipant]

Dear X, i almost have the perfect x-theme woocommerce page, can you tell me how to delete margin from the top and bottom of the content, see attachment i dont like so much space.
Thanks for all, best regards Cor

[Author]

Posts