How to change key pages CSS and colors?

  • Resolved sangredeespana

    (@sangredeespana)


    1 year, 5 months ago

    So I have CSS Hero where you can go into each page and change the CSS files. The problem is that when a new selling page is started it does not save it cause its a different instance. How would I change the product page, ANY product page current or future to look the same regarding font, color, layout, etc.? This goes for each page that my site will render. Inidividual pages such as checkout, Main, etc. I realize that I could do the one off with CSSHero, but different instances of the same pages need to be uniform. Hope that makes sense. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @sangredeespana

    I understand you’re looking to standardize the appearance of your product pages, irrespective of whether they are current or future pages. This is an example of how you might change the font, color, and layout using CSS:

    .woocommerce-page .product {
font-family: Arial, sans-serif;
color: #000000;
}

.woocommerce-page .product .summary {
float: right;
width: 50%;
}

    The .woocommerce-page .product targets all product pages, and any CSS rules inside this block will apply to all product pages. You can replace Arial, sans-serif and #000000 with your desired font and color, respectively.

    The .woocommerce-page .product .summary targets the summary section of all product pages. You can replace right and 50% with your desired alignment and width, respectively.

    Thread Starter sangredeespana

    (@sangredeespana)

    Thanks!

    We’re glad that we’re able to help! @sangredeespana

    I’m going to mark this thread as resolved, but please don’t hesitate to start a new topic if you have any more questions down the line.

    If you have a few minutes, we’d love if you could leave us a review: https://www.ads-software.com/support/plugin/woocommerce/reviews/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change key pages CSS and colors?’ is closed to new replies.