Return to previous page

Woocommerce Header adding new features - by sitewoocommerce

This topic has 12 replies, 4 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

sitewoocommerce

Participant

January 9, 2017 at 14:38

Hi there,

I am currently trying to customize my header bar in order to have some contact details and buttons in specific places but I am not being able to do so.

Basically, I have the logo in the middle and I wish to have a Contact Us with the phone number at the left, and at the right a Newsletter Link and the Sign in / Register link, but saying ‘Clients Access’ instead.

Please see screen shots in private content.

Figure 1 shows how it is now. (this is a copy website in order to do the amendments to its final one).

The idea then is, as you can see in picture 2, to delete the bar that is in red, and move the Sign In / Register to where it says ‘Clients Access’, also adding Newsletter, and the Call Us on the left.

If you see on that existing top bar, a new link has been already added saying ‘Favoritos’. This was done by your team.

What I wish is, if you could let me know how and where do I do all these changes, in order to be able to customize everything on my own till we’re happy with the final result.

Please see pictures, links and credentials in private section.

Kind regards,

Please, contact administrator
for this information.

#151259 Copied

11 Answers

Jack Richardson

Support staff

January 9, 2017 at 17:16

Hello,

Your query requires additional customization which you can order via this form:
https://www.8theme.com/customization-services/

Best regards,
Jack Richardson.

#151275 Copied

sitewoocommerce

Participant

January 10, 2017 at 18:42

Hello,

Not too long ago you have added the link saying ‘FAVORITOS’ as previous screen shots show.

Could you please let me know how this was done so that we can actually add more details into the header, please?

It is only saying ‘Call us on’ and the Clients area.

Wouldn’t be possible to make through a widget or something?

Many thanks,

#151466 Copied

Eva Kemp

Support staff

January 13, 2017 at 09:38

Hello,

If you want to add the content on right side of the top bar you can use Text widget in Appearance > Widgets and add it to “Right Side top bar area”.

Regards,
Eva Kemp.

#151769 Copied

sitewoocommerce

Participant

January 13, 2017 at 13:40

Thanks, I will try do that.

On other note, how do we change Add to Cart Button Colour? Not the hover, the actually button itself.

Also, how do we change menu hover colour? For instances, on the link in private content you may be able to see menu hover is Purple in a square format. How do we change that Purple Square colour?

Kind regards,

Please, contact administrator
for this information.

#151809 Copied
Rose Tyler

Support staff

January 13, 2017 at 14:08
Hello,

Try to add this code in Custom CSS:
```
.progress-button {
    background-color: red;
}
.product-information .cart button[type="submit"] {
    background-color: red;
}
.menu-wrapper .menu-main-container > ul > li:hover a, .fixed-header .menu-main-container .menu > li:hover a {
    background-color: white;
}
.menu .menu-full-width .nav-sublist-dropdown ul > li > a {
    background-color: white;
}
```
Set the values to your needs.

Regards,
Rose Tyler.
#151811 Copied
sitewoocommerce

Participant

January 13, 2017 at 14:35

Hello,

Thanks, it worked.

One last thing please, how do we align single products to the centre by inserting them in a single page?

Please see link in private content.
You may be able to see that the product is aligned to the left. I’ve tried by using columns and all that but that changes the size of the product and never puts it in the very centre of the page.

Kind regards,

Please, contact administrator
for this information.

#151812 Copied

Rose Tyler

Support staff

January 16, 2017 at 15:11

Hello,

Sorry for a delay.
Could you please check the credentials? We can’t login your website and see the problem at the moment.

Regards,
Rose Tyler.

#152000 Copied

sitewoocommerce

Participant

January 16, 2017 at 15:33

Hello,

Sorry, it was password protected.

Please see credentials in private content.

Kind regards,

Please, contact administrator
for this information.

#152012 Copied
Rose Tyler

Support staff

January 16, 2017 at 15:49
Hello,

You can try to add this code:
```
.product {
    width: 100%;
}
.footer-product {
    width: 30%;
    float: none;
    left: 35%;
}
```
in custom css for page http://prntscr.com/dwc6rc

Regards,
Rose Tyler.
#152019 Copied
sitewoocommerce

Participant

January 17, 2017 at 15:56

Thanks

#152143 Copied

Rose Tyler

Support staff

January 17, 2017 at 16:12

Hello,

You’re welcome!
Have a nice day!

Regards,
Rose Tyler.

#152148 Copied
Viewing 12 results - 1 through 12 (of 12 total)