Product Page

[pp2324]

Hi David, I’ve already put that code in the css, but it didn’t work. Can you please log in the link I sent you ?

[pp2324]

Please see the picture. 1 is what happens now. 2 is how I want the header to be transparent like that.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You were missing the class . prefix.

Updated to

.header-wrap #header-section .is-sticky #header.sticky-header {
    background-color: transparent!important;
    border-bottom: none!important;
}

Thanks.

[pp2324]

Hi David,

After I updated your code, it’s still like this tho….

Please see picture 2 for the prefered one.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

To remove the border please add:

.header-wrap, 
#header-section .is-sticky .sticky-header, 
#header-section.header-5 #header {
    border-bottom: none!important;
}

Thanks.

[pp2324]

Many thanks so much David.

Do you know how to change these number in bold and move to middle of circle instead of left side?

Thanks again.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Have you used a text box for those numbers? If do you can do it in the visual editor

– Kyle

[pp2324]

Hi Kyle,

No I use in here. Thinking I need a code to change the number to the middle.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.spb_image .title-wrap .spb-heading {
  width: 100%;
  text-align: center;
}

– Kyle

[pp2324]

Hi Kyle,

Many thanks so much.

About the product page, please see the attached image for changes:

1. Zoom magnifying glass – make transparent with white icon.
2. Hover colour – Currently yellow which is hard to read. Please make it dark blue/grey as per picture for all hover colour.
3. Add Romantics (Brand) under Style Title. Please make Style Title (Auburn Shirt) smaller.
4. Price – Change the font to ‘Open Sans Extra Bold’.
5. Tighten up gap space as noted in picture.

I know that some of it may not be the line that you’d normally be responsible. But I’d be really really appreciate your effort to guide me as this will be it for the product page help for me.

http://sydneyromantics.com/?product=auburn-shirt

Thanks again for everything.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1)

.flexslider .slider-loaded li a.zoom, #product-img-noslider li a.zoom {
    background-color: transparent!important;
    color: #fff!important;
}

2) Color Customiser => Color – Navigation => Menu Item Text Hover Color

3) As stated in previous threads, you will need a web developer to do this for you.

4) Please replace Karla with your chosen font.

.woocommerce div.product .summary h3.price {
    font-weight: bold;
    font-family: Karla;
}

5) Edit the page and remove or change the spacer assets you have added.

Thanks.

[pp2324]

Hi David,

5. I haven’t added any space, so that’s why I can not edit anything. Can you please help me reduce the gap as the attached image?
6. How do I make the product name smaller as stated in attached image?
7. I’d like to change the number font to Open Sans please.

Thank you so much.

[David Martin – Support]

Hi,

5) Please edit the product, locate the Page Builder asset called “Spacer”. Either remove it or change the px value.

6) Please use this:

h1.product_title.entry-title {
    font-size: 16px;
}

7) Looks like you have add this CSS already. Remember you need to include the font also. Theme Options => Fonts. You are using Karla as the body, so it would be logical to use that?

– David.