[LeeSanders]

This reply has been marked as private.

[LeeSanders]

Hi Mohammad,

Thanks for sharing, although it doesn’t appear to solve the issue.

So as mentioned, I’ve used this code to help differentiate sizes between the shop page and product page:

ul.products .amount {
font-size: 15px;
}

.woocommerce-Price-amount {
font-size: 18px;
color: #808080;
padding-bottom: 0;
}

And that works ok. However, when you add a product and go to Cart, the sizes are all over the place, one subtitle appears to follow the shop font size, whereas the total mirrors the size from the product page – Same with the shipping options. Does that make sense? How do I make sure that the view cart / cart / checkout pages follow a different font size rule for the amounts?

[LeeSanders]

..Just to also point out that this is then reflected on all other pages.

For example, I’ve managed to add the following:

ul.products .amount {
font-size: 15px;
}

.woocommerce-Price-amount {
font-size: 18px;
color: #808080;
padding-bottom: 0;
}

– – – –

So that creates a difference between the font sizes on the shop page and product page. However, now when I go to View Cart / Checkout etc, the prices also reflect that of the product page. So where the big text is suitable for the product page, it’s way too big for the other pages. Can you advise how I change the font depending on the page it is shown i.e. Product page / view cart / checkout / shop?

[LeeSanders]

Thanks David – Works great!

[LeeSanders]

That worked – Thanks Kyle.

Just on the other point – Any ideas on how to increase the space between each of the menu options?

[LeeSanders]

Hi Kyle,

Thanks for the response. So that changes the padding to the logo section, but not the menu underneath.
For Heading 6, the logo sits above the menu (which is then sticky and stays at the top when the user scrolls), so when I change the padding, it changes the space around the logo but NOT the menu navbar…

So what I’m trying to do is reduce the menu navbar in height (Currently achieved by css), however the text is then closer to the bottom of the navar rather than centered vertically.

Any ideas?

[LeeSanders]

This reply has been marked as private.

[LeeSanders]

This reply has been marked as private.

[LeeSanders]

Hi Kyle,

I have (as mentioned in my post). I can change the height, and as such you would expect the width to change to maintain the image ratio. I have since managed to solve this using CSS code but have to say it’s highly frustrating. Your advice on the other points would be well received though.

[LeeSanders]

Just to also point out, that everytime I try to make a change, the site reverts back to the previous settings, which is getting highly frustrating. If I make a change to a page, it doesn’t update and when I go back into VC to check, the elements have again reset.

Example: Header Divider. I’m simply trying to copy something that was dead-easy to do with X Theme, however everytime try to change the text, it resets.