[RadModerator]

Hi there,

Please add this CSS as well,

.tax-product_cat .x-container.offset {

    margin: 10px auto;

}

.tax-product_cat .term-description p {

margin-bottom : 10px;

}

Cheers!

[Thai4moreParticipant]

Dear X, Perfect, do you have also this css to adjust the paragraph space for the shop page?
And is there some code both for the sop as category pages that i can hid it on a mobile device?
Sorry for all those questions:-(
Thanks for all, best regards Cor

[ChristopherModerator]

Hi there,

Please remove <br> tags to adjust the space, see the attachment.

Add this code as well :

@media (max-width:767px){
.archive p.p-landmark-sub {
    display: none;
}
}

Hope it helps.

[Thai4moreParticipant]

Dear X, Thank you, can you give me also the code to hide the content of the category pages for mobile?
I used this css to adjust the content size on the category pages:
body {
font-size: 18px;
text-align: center;
}
Did i do it right? it seems to work.

I promise no more questions about the woocommerce pages anymore i am ok with it now, thank you so much.
best regards Cor

[ChristianModerator]

Hey Cor,

Looks like you’ve achieved it already. See

View post on imgur.com

If you’re targeting the a WooCommerce archive page, it would be best to use .post-type-archive-product instead of body

Thanks.

[Thai4moreParticipant]

Dear X, Yes i have archieved already to hide the content on mobile for the shop page but i cant figure out how to do it for all category pages, can you give me the code please?
And this one not work .post-type-archive-product it resets my font size for category pages, any idea what else to use instead of body?
Thanks for all help, best regards, cor

[ChristianModerator]

Please use

@media (max-width: 767px) {
    .tax-product_cat .term-description {
        display: none;
    }
}

For targeting the body, please go to the page you want to edit and use the browser’s developer tools to get the body class. Here’s a tutorial https://www.youtube.com/watch?v=LOKRNcrk2sQ.

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Thai4moreParticipant]

Dear Cristian, Sorry i to disturb again, i try to learn css so i not need any to disturb you any longer.
Can you please tell me what i do wrong here, i want change the font size of the woo-commerce single product page through inspect element and i i use the css code wich i marked in red at attached file, but it don’t work, can you tell me if i forget something?
Thanks in advantage, best regards Cor

[Thai4moreParticipant]

Dear cristian, sorry i forgot attachment.
Best regards Corrie

[ChristopherModerator]

Hi there,

Please add this :

h1.product_title.entry-title {
    font-size: 18px !important;
}

Hope it helps.

[Thai4moreParticipant]

Dear,Your code isn,t working for the title, i try to find myself the code for the content but it isnt also not working, .entry-header, .entry-content {
font-size: 16px;
}

do you no what can be the problem?\

thanks in advantage, best regards Corrie

[ChristopherModerator]

Hi there,

Upon checking your site, you didn’t add provided code. Please see the attachment, the code is working fine.
Please clear cache and check again.

Hope it helps.

[Thai4moreParticipant]

Dear Christopher, I didnnt provide the code because it was not working. I checked other css codes on other pages and it work flawless so it cant be any cashing issue. I have insert it now, see attachment, can you please check if it works at your side, here nothing happen:-(
Thanks in advantage, best regards Corrie

[ChristopherModerator]

Hi there,

There is a missing curly bracket, please update following code :

@media (max-width:767px) {
.archive p.p-landmark-sub {
    display: none;
}

To :

@media (max-width:767px) {
.archive p.p-landmark-sub {
    display: none;
}
}

Hope it helps.

[Thai4moreParticipant]

Dear Cristopher, Now it all works and i be able to edit css on myself, thank you so much for assistance. Best regards Corrie

[Author]

Posts