-
AuthorPosts
-
July 1, 2016 at 7:24 pm #1068992
Rad
ModeratorHi 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!
July 2, 2016 at 5:16 am #1069443Thai4more
ParticipantDear 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 CorJuly 2, 2016 at 6:05 am #1069487Christopher
ModeratorHi 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.
July 3, 2016 at 5:03 am #1070211Thai4more
ParticipantDear 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 CorJuly 3, 2016 at 5:18 am #1070221Christian
ModeratorHey Cor,
Looks like you’ve achieved it already. See
http://i.imgur.com/DR5BiXP.gifv
If you’re targeting the a WooCommerce archive page, it would be best to use
.post-type-archive-product
instead ofbody
Thanks.
July 4, 2016 at 5:36 am #1071296Thai4more
ParticipantDear 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, corJuly 4, 2016 at 6:16 am #1071332Christian
ModeratorPlease 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.
July 16, 2016 at 7:05 am #1089776Thai4more
ParticipantDear 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 CorJuly 16, 2016 at 7:12 am #1089783Thai4more
ParticipantDear cristian, sorry i forgot attachment.
Best regards CorrieJuly 16, 2016 at 7:16 am #1089785Christopher
ModeratorHi there,
Please add this :
h1.product_title.entry-title { font-size: 18px !important; }
Hope it helps.
July 16, 2016 at 3:16 pm #1090051Thai4more
ParticipantDear,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
July 17, 2016 at 12:30 am #1090349Christopher
ModeratorHi 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.
July 17, 2016 at 6:10 am #1090535Thai4more
ParticipantDear 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 CorrieJuly 17, 2016 at 6:16 am #1090543Christopher
ModeratorHi 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.
July 17, 2016 at 10:06 am #1090684Thai4more
ParticipantDear Cristopher, Now it all works and i be able to edit css on myself, thank you so much for assistance. Best regards Corrie
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-163576 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>