Styling Issues.

[taiger]

1. how do i change the text colour on the breadcrumbs its grey and cannot be seen properly

[taiger]

2. on the shop pop up, the buy now button does not open the page in a new window.. how can i have the buy now open the page in a new window

http://www.5starweddingdirectory.com/product/dolce-gabbana-dolce-mirrored-plexiglas-shoulder-bag-womens/

3. the white line on the black bar under the homepage menu, how can i remove it.

Thanks.. I am now loving the theme, best out there…

apart from not having an image mega menu 🙂

[taiger]

Hi are also trying to change the woocommerce sidebar from capital letters to normal, I have placed this code in the css, but it does not change the front end

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
display: block;
padding-top: 1em;
text-transform: normal;
}

http://www.5starweddingdirectory.com/blog/

[Radu]

Hi,

1. Use this css

COPY CODE

.kleo_framework span, .kleo_framework span.active {
    color: #fff !important;
}

2. I see that you have solved the issue, if i add a product to cart it opens a new widow

3. Use this css

COPY CODE

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
    text-transform: none !important;
}

It works but clear the server cache

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

Hi –

No. 1 works great.. We also need to show “feel free to call us” is also greyed out..

2. Is the pop up (see pic) the buy now button does not open in a new window, (even with my plugin)

[taiger]

Hi we can also see the grey text on the commerce section

http://www.5starweddingdirectory.com/product/rockstud-turquoise-leather-mini-double-handle-bag/

Thanks…

[taiger]

Hi i amy trying to find out where the menu hover colour is.. thanks for your help in advance

[taiger]

how can i add this shortcode to the top menu bar?

[prisna-google-website-translator]

Regards Tai

[Radu]

Hi,

The breadcrumbs css is next :

COPY CODE

.main-title .breadcrumb {
    color: yellow;
}

The menu hover code

COPY CODE

.navbar-header:hover, .kleo-main-header .navbar-collapse>ul>li>a:hover, .header-banner:hover {
    color: red !important;
}

The submenu hover code

COPY CODE

.header-color a:hover, .header-color .navbar-nav .dropdown-menu li a:hover {
    color: yellow;
}

For that shortcode you will have to copy this file /wp-content/themes/kleo/page-parts/general-header-section.php to wp-content/themes/kleo-child/page-parts/ and on the line 77 after this code

add this code

Regarding the add to cart from ppop-up in new tab, i will give you an answer later or monday

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

Hi implemented the menu colour.. then added this colour but it went back to grey

#d2b459

Ideally we would want the drop down menu hover colour to go darker, and not just the text to change colour. if that makes sense

2 the right text “feel free to call us” colour did not change and is still unreadable..

Thanks a lot

[Radu]

There are muted text, i will provide you a rule that applies for all elements with muted class

Use this

em.muted { color: red !important; }

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

Hi i added the code see pic, but it did not show up on the site.

[Radu]

see attached screenshot

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

ok.. i just tried it and still no joy

[Radu]

You child theme is active ?

If you have server cache please delete it and try again

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

yes I have child.. i will clear cloud flare right now

[taiger]

all cleared and still no show..

[Radu]

Ok… strange,

If you paste that shortcode into a page from editor it shows ?

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

but not in the top section?

[taiger]

ok. let me test it

[taiger]

[prisna-google-website-translator] shows up

the other did not

see test page:

http://www.5starweddingdirectory.com/110421/test/

[Radu]

Normally with the solution that i have provided to you it should work !

Do you have child theme activated ? if yes and still no works try to paste that code <?php echo do_shortcode('[prisna-google-website-translator]'); ?> in /wp-content/themes/kleo/page-parts/general-header-section.php after < ?php // Top menu echo $top_menu; ?>

Let me know

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[taiger]

Hi it now shows up using the above, but it is pushed way over to the right, i can only see the little google icon.. better if it was before the login

[Radu]

I understand but i cannot see that in your website you can move the php code more upper in the file it will be rendered before do some tests

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts