Home>Support>North Theme – (Small) CSS issues

North Theme – (Small) CSS issues

By Datsyuk, 3 years ago. Last reply by Andrew Misplon, 3 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi there,

I set up a WooCommerce Store using North Theme which looks great.
I have a few (small) CSS issues that I could not manage to solve also not using SiteOrigin Custom CSS.

1. Alignment of Price on Single Product Page
The price is on the same line like the product title. Since the Price is right aligned it is really far away from the product title and could be easily overlooked. I could not align th price left or move it to a ne line-
Is that possible?

2. Variation Dropdown/Buttons on Single Product Page
The variation button/dropdown isn’t neither left nor right aligned but somehow in the middle.
Is it possible to align it to the left?

3. Circle around cart count in mobile menu
I could change the color of the font and of the cart Icon in the mobile menu for “View Cart” but I did not find out how to change the color of the circle around the counter. What would be the selector for that?

thanks in advance
YUK

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi YUK

    Thanks for reaching out.

    1. I’ve added a rule to the theme documentation for this change: Page: CSS Snippets.

    2. This will be resolved via an update most likely tomorrow.

    3. Have you perhaps tried changing the Dark Accent Color at CustomizeTheme SettingsBranding?

  2. 3 years, 3 months ago Datsyuk

    Hey Andrew,

    thanks for your reply.

    1. The CSS Snippet for the price moves the price above the product title.

    I would like to move it under the title or closer to the title.
    Is that also possible?

    2. Great support. Looking forward for the update ;)

    3. The settings do not have any impact on my issue.
    I took a screenshot of what I mean. I changed the View Cart Link and the counter to red.
    The circle around the counter stays white.

  3. 3 years, 3 months ago Datsyuk

    I added some links in my previous post to show examples, but i can’t see them now.
    Hope you can see them ;)

  4. 3 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi YUK

    Thanks for your reply.

    1. When removing the float, the price returns to its place in the document flow. It could be moved at a code level, perhaps via a child theme. Alternatively, it might be possible to move it using CSS. We’d be happy to help with customization like this within our premium support scope where we have the budget. Unfortunately, we aren’t able to assist with customizations within our free support scope due to resource limitations. I’m doing my best to assist you in this thread, beyond what our free support scope normally offers.

    2. Sure, no problem.

    3. I’ve added a new CSS rule to the CSS Snippets documentation page.

    Page: CSS Snippets

    Kind regards

    Andrew

  5. 3 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    The North update has been released 🚀

    Thanks

    Andrew

  6. 3 years, 3 months ago Datsyuk

    So great. Thank you for the Snippet as well as the update.
    Great support as always!

  7. 3 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    I’m glad we could assist. Thanks for your kind reply.

    Cheers for now.

    Andrew

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More