Docs

[Hello]

Hi,
I have posted many times about this but either the code doesn’t work or no replies have been received. This really, really needs to be settled as quickly as possible.

Please look at the attached photo. The Menu in the header is too far to the left. I like the Cart button to be in vertical alignment with the end of the bar that is floating above “Test Product 2”. You can see just above that box to the far right there is another box.

The Cart must be aligned to these two on the right side of the page.

Also please move the “Contact” and its icon in the Top Bar so it is in the same alignment all the way vertical on the right side.

To give you an exact idea of how it must be aligned, please look at the left side of the page starting from the Top Bar and how the text from “Free UK postage…” all the way vertically down past the logo, past default sorting, Test Prod 1 and the Price are all in alignment.

This is how the right side must look.

Also please tell me how to change the text that is red to black in both the photos. They are in the prices, the home button in the top left and other places.

Can you provide the code with the variable in there so I can test it with other colours? What are the variables/attributes to change for colour?

Please reply soonest.

[Rad]

This reply has been marked as private.

[Hello]

This reply has been marked as private.

[Paul R]

Hi,

Thank you for providing your login credentials.

You can add this under Custom > Edit Global CSS in the Customizer.

.x-nav-wrap.desktop {
    float: right;
}

.woocommerce .price > .amount, .woocommerce .price > ins > .amount, 
.woocommerce li.product .entry-header h3 a:hover, 
.woocommerce .star-rating:before, 
.woocommerce .star-rating span:before, 
.woocommerce .onsale {
    color: #000;
}

.product_meta a {
    color:#000;
}

Then change topbar content to this.

Free UK postage on orders more than £50 and international postage available

<div style="float:right; margin-right: 0; margin-top: 4px;"><a style="font-size: 11px; color: black;" href="mailto:[email protected]"> CONTACT   <i class="x-icon x-icon-envelope" data-x-icon="" aria-hidden="true"></i></a></div></i></div>

Hope that helps.

[Hello]

Hi,
Thanks a lot! The Top bar code worked well and after removing a previous code for the menu alignment it worked!

Cheers!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts