StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Wellness Woocommerce tweaks

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Wellness Woocommerce tweaks

This topic is: not a support question

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 1, 2017 at 2:57 am #202226
    ollyc
    Member

    Hi guys,

    I am working on a site using the Wellness theme. In general it's a really nice, clean theme. However, I would like to adjust the Woocommerce pages to be similar to those used in Digital Pro. I find the Wellness shop a bit too cramped, whereas the Digital Pro one has a much nicer layout. The site is behind a maintenance page atm.

    Before I start adjusting things and looking into CSS changes I thought I would ask to see if anyone has done a similar thing already? Essentially it means moving from a 880px inner container to using a full width template.

    Happy to share my progress, but please do chip in if you've got any insights.

    March 1, 2017 at 4:31 am #202237
    Victor Font
    Moderator

    I've customized more Genesis/WooCommerce site than I can remember. Wellness Pro is one of the Studio Press themes that just got overhauled to build in some WooCommerce support. There is now a wellness-woocommerce.css file in the /lib/woocommerce directory that you can use to adjust CSS. The key to adjusting WooCommerce styles is to make sure the theme style sheets load after the WooCommerce style sheets otherwise the process will frustrate you. https://victorfont.com/change-genesis-child-theme-style-sheet-load-order/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 1, 2017 at 4:42 am #202238
    ollyc
    Member

    Thanks Victor, that's really useful. I'm using a Simple CSS plugin at the moment but I will check out your article to see if I can keep things simpler.

    I've been poking around in the Digital Pro woocommerce.css and have made a start. It's already looking better.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.