-
Posts
-
Hi,
I am trying to setup special occasional theme. One of the changes required is replacing a single colour #FF6600 with another one #E74D7B?. The #FF6600 is frequently used throughout my web page e.g.
– Image overlay colour in pages and blog posts
– Links colour
– Colour for Icons
– Other places.It will be fairly impossible to change all ‘individual instances’ of #FF6600. Therefore, I was hoping there maybe a functions.php or style.css code that I can use to replace/overrule all instances of #FF6600 with the new colour #E74D7B.
I know I can set individual colours in style.css for links etc.. Is it possible to just overrule one colour to assure all are replaced at once e.g. if colour is #FF6600 then change to #E74D7B?
Thank you
Hey Medical,
Could you post a link to the site in question so that we can take a closer look please?
Regards,
RikardHi, I have had a look and managed to change the colors of main items (links etc.). However, some items I cannot change by CSS easily (I am limited in scripting).
– Icons on medi-paper.com and medi-paper.com/medical-writing-solutions
– Headers and bold text in the color section.I have tried to overwrite the Background overlay color as well by CSS in the child theme, but without success.
.av-section-color-overlay {
opacity: 0.4 !important;
overlay-color: #E74D7B !important;
}Hi, thanks once more. Please note the issue is only partly resolved.
I have added the below CSS to the Child-Theme, effectively making most of the changes needed.However, I am stuck on making two changes:
1. Color-Overlay for the image in the Color-Section. Is there a CSS that can change the color and opacity of this section accross the site? If so, would you be able to provide me with this?2. I use the headline rotator. There is a “custom” color setting for the headlines. Would it be possible to change the Headline Color of the Headlines Rotator by CSS, and if so, what is the code for this?
If you have any suggestions to improve the below CSS, please do feel free to comment.
Thank you.@import url(‘../enfold/style.css’);
#top .avia_message_box_content strong{color:#E74D7B;
}
.custom-color-heading strong{color:#E74D7B
;}
.slideshow_caption strong, div .slideshow_caption h2 strong{color:#E74D7B;
}
#top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp{color: #E74D7B;
}
.av-section-color-overlay {
opacity: 0.4 !important;
overlay-color: #E74D7B !important;
}
#top .av_font_icon a{color: #E74D7B; display: block;
}
.av_font_icon.av-icon-style-border .av-icon-char{
color: #E74D7B;
border-color: #E74D7B;
}Hi,
please use different tickets for different questions.
1.) Try this code:
.av-section-color-overlay { opacity: 0.1 !important; background-color: green !important; }and adjust as needed.
2.) Try this code:
.av-rotator-container-inner { color: green !important; }Best regards,
AndyHI thanks. I had tried the overlay CSS before and somehow it didn’t work, but now all is working great.
Is there a CSS code to change the ‘color’ scheme of Google Maps element? This is the last bit that requires change. If not I can do it manually of course. Appreciate the support.
Btw, already mentioned it in another post, but I am experiencing loads of JS issues after upgrading from enfold 3.5 to 3.7.1 which was concurrent with upgrade from WP 4.5 to WP 4.6.
Appreciate the great support
Hi,
for Google Maps would be best to do it manually. Please keep on question/issue in on thread/post only. Feel free to open a new ticket for anything else you need help with concerning the theme.
Best regards,
AndyThank you Andy, small effort to set it manually.
Appreciate the support and will forward the other issues in an existing thread.
Cheers,
Stijn
- The topic ‘Replace single colour accross theme by child theme’ is closed to new replies.