-
Posts
-
Dear,
iI have some issues changing the colors of certain texts, buttons,…
1) https://prnt.sc/twgh3wBbXWoE >> header:
** when you hover over the mail icon it turns green (9FAE38) >> how can I change this color?
** how can I make my phone number clickable so people can call me directly from their computer?2) page lay-out /shop
** where can I change the colors of this page?
** where can I delete these boxes “adverteer hier” (https://prnt.sc/RRMOCayyNrPq)
** where can I delete the search box (https://prnt.sc/7BYXIvTiZ1rC)
** where can I change/translate the text “filter by price”? (https://prnt.sc/7BYXIvTiZ1rC)3) page-lay-out /cart/ & /checkout/
** where can I change the colors of these pages?Hey mvanstee,
Thank you for the inquiry.
1.) You can use this css code to adjust the color of the mail icon on hover.
#top #wrap_all .av-social-link-mail:hover a, #top #wrap_all .av-social-link-mail a:focus { color: blue; background-color: red; }2-3.) You can adjust the main color in the Enfold > General Styling > Main Content panel. Look for the Main Content Background Color field. If you want to manually adjust it with css, use this code.
.main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count { background-color: red; color: #003d1d; }Best regards,
IsmaelThnx!
page lay-out /shop
** where can I delete these boxes “adverteer hier” (https://prnt.sc/RRMOCayyNrPq)
** where can I delete the search box (https://prnt.sc/7BYXIvTiZ1rC)
** where can I change/translate the text “filter by price”? (https://prnt.sc/7BYXIvTiZ1rC)Any idea?
and btw 2-3.) You can adjust the main color in the Enfold > General Styling > Main Content panel. Look for the Main Content Background Color field. If you want to manually adjust it with css, use this code.
==> I want to change the colors of the /shop ; /cart & /checkout but I want to keep the current colors o my homepage – If I change the Main Content Background Color then it’s changed for all pages.
Can you tell me how to change the colors of text/background/buttons etc. only for the /shop ; /cart & /checkout pages?
Hi,
Thank you for the update.
To adjust the background of the woocommerce pages (cart, checkout etc), you can try this css code.
.woocommerce-page .main_color.container_wrap { background: red; }If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelOk thanks! Will open new threads to follow up on the specific settings of the woocommerce pages.
- You must be logged in to reply to this topic.