Shop4 Dark demo Elementor

[Aizaz Awan]

Hello, @jeroenvdveer,

For now, the shop Demo 4 dark version is only available with the WP Bakery page builder.
Not with Elementor for now, so if you wish that dark demo with Elementor.
Try to import the simple Shop Demo 4 with Elementor page builder and then change the “Color Scheme” to dark from Porto >> Theme Options >> Color Scheme: https://postimg.cc/yDx565yM

I hope this helps.

Best Regards,
PThemes Team.

[Jeroen vd Veer]

Tried your suggestion, it works much better now as i can edit all the porto blocks and import new ones which was not possible with the shop4 dark theme!
Some colors are dark but need to change a lot since they are in the elementor blocks/posts.

Thank you for the help.

[Jeroen vd Veer]

where can i edit autocomplete-suggestions style?

[Aizaz Awan]

Hello, @jeroenvdveer,

1. You’re very welcome! I’m glad to hear that the suggestion worked well and you’re able to edit everything now. I completely understand about the colors – adjusting them in the Elementor blocks/posts should make a big difference. If you need any more help with the color tweaks or anything else, feel free to reach out.

2. where can i edit autocomplete-suggestions style?

Could you please explain this in detail with some helping screenshots, of what you are trying to edit, so that I can check and assist you accordingly?

Best Regards,
PThemes Team.

[Jeroen vd Veer]

I want to change the colors of the top search bar where the popup shows the products, see attachment

CSS is autocomplete-suggestions and comes from dynamic-style.css, cannot find where the dynamic file is generated from.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @jeroenvdveer,

Please share the page URL having that search form and also mark on the provided screenshot which exact part you want to change the color so that I can provide you the Custom CSS fix for it.

Best Regards,
PThemes Team.

[Jeroen vd Veer]

Home

Header search form.

Style needs to be changed to dark
So background to dark color and text to white/grey

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @jeroenvdveer,

In order to achieve your desired result, please copy and paste the below given CSS code to Porto >> Theme Options >> Skin >> Custom CSS and check back to your site after clearing the browser cache.

#header .searchform select option, #header .searchform .autocomplete-suggestion, #header .searchform .autocomplete-suggestions, #header .searchform .selectric-items {
    color: #fff !important;
    background-color: #000 !important;
}
.live-search-list .autocomplete-suggestion .search-price {
    color: #fff !important;
}

Please refer to this screenshot: https://postimg.cc/V5TkL0bD

Best Regards,
PThemes Team.

[Author]

Posts