links not brown

Hi, Not sure why the hyperlinks in text are not brown.
Also could you please look at the issue with lazy load and disable it for the checkout pages.
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please provide me page URL with the link and screenshot where you want to change the hyperlink color. Because at my test site “Links color” option is working fine as expected from the Theme Settings >> STYLES AND COLORS.

You can disable the lazy load feature for the checkout pages. Try to add the following PHP code snippet to the child theme function.php file to do this

function woodmart_disable_lazy_on_page() {
    $current_page_id = get_queried_object_id();
    if ( ! $current_page_id ) {
        $current_page_id = get_the_ID();
    }
    $pages = [
        12036, 12037
    ];
    if ( in_array( $current_page_id, $pages ) ) {
        woodmart_lazy_loading_deinit( true );
    }
}
add_action( 'wp', 'woodmart_disable_lazy_on_page', 1000 );

Remember one thing checkout page ID must be used in this code so it only affects the checkout page not the others.

You can use the page id in the $page array as i used 12036, 12037 just to set an example for you.

You can see the check out page id when you edit the page. In the url the id will be shown.

Best Regards.

Hello,
I’m having a similar issue with the links. For example: For the footer, I created an HTML block and I assign the dark color scheme. It works in the preview, but not on the actual page.

I did the same for the menu, which I built in the Header Builder. I’m having the same issue with the menu.

I did set the colors on the Theme Preferences, but it works on the pages and on the store, but not on the footer and menu.

I attached some screen captures.

This is a staging site, so it is not public yet. Keeping my fingers crossed, it will go live in a few days!

Some suggestions would be great.

Cheers,
Michael

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.main-footer .wd-text-block a {
    color: #333;
}

For Hover:

.main-footer .wd-text-block a:hover {
    color: brown;
}

Best Regards

Hello Aizaz,

That worked perfectly, but what about the main menu that I built on the Header Builder. Is there a reason why the settings on the theme options is not working?

Cheers,
Michael

Hello,

You are Most Welcome.

To change the color try adding the following Custom CSS.

.wd-nav[class*=”wd-style-“]>li>a {
color: red;
}

Best Regards

Thanks again! You are fast. I used your code to add the hover, which is what I wanted, and it worked great. How about the CSS for the My Account icon, Cart, Wishlist and Search? I have those in the navbar as well.

Cheers,
Michael

Hi
How do I fix this.
.css is in the correct place still.
Too much white space after the header.

See screenshot.

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

@mcalas Please try adding the following Custom CSS for that.

.whb-header .wd-tools-element .wd-tools-icon:hover {
color: red;
}

@Pipeworkpiecea We have replied to your topic.

Best Regards

[Author]

Posts