-
AuthorPosts
-
March 14, 2015 at 12:26 pm #411488
Hello,
I am having the following problem: when I change for example the color of Alternate Background Color it changes the color of a lot of elements – contact form background, color of icons in icon list, background in masonry gallery and other. How can I set custom color for each of these elements?
Kind regards,
Radoslav MitovMarch 15, 2015 at 7:01 pm #411721Hey radoslavmitov!
can you post a link to your website please? so we can see what’s going on. We would also need admin access. Post login details here as private reply.
Are you using the newest theme and WordPress version? Please try to deactivate all plugins to see if one is causing this issue.Regards,
AndyMarch 16, 2015 at 10:53 am #412013Hello,
When I change for example Main content border color
It changes the color of three elements. It changes the color of this border line in the red box:
It changes the color of these icons on the left and the borders of the contact form on the right all in red boxes as well:
How can I change the color of each element despite of the others?
Kind regards,
Radoslav Mitov- This reply was modified 9 years, 8 months ago by radoslavmitov.
March 16, 2015 at 3:34 pm #412216Hi!
You can edit your Icon List element and go to Colors tab to change its colors as needed – http://i.imgur.com/F1XyNXi.png
For other elements, please add following code to Quick CSS in Enfold theme options under General Styling tab.container_wrap { border-color: red!important; } #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { border-color: orange !important; }
Best regards,
YigitMarch 16, 2015 at 7:45 pm #412486Hello,
Thank you. Everything is fine now. There is only one thing that bothers me.
Please check this page: http://m3dent.com/m3dent-sofia
On mouse hover on a picture from the gallery a white line appears on the bottom and after that very fast disappears. How can I remove it?
Kind regards,
Radoslav MitovMarch 16, 2015 at 7:46 pm #412489Hey!
Can you please post a screenshot and show the white line? I checked your website on Safari, Chrome and Firefox but i could not see it.
Regards,
YigitMarch 16, 2015 at 8:15 pm #412526Hello,
Here you can see when I hover on the picture on the left you can see the white line on the bottom of the picture.
Kind regards,
Radoslav MitovMarch 17, 2015 at 8:46 am #412802Hey!
Please try to add this to the Quick CSS field to remove the border, it flickers when you hover over the images:
#top .av-masonry-entry:hover { border: 0; }
Cheers!
IsmaelMarch 17, 2015 at 2:27 pm #412943Hello,
I tried it but the problem persists.
Kind regards,
Radoslav MitovMarch 18, 2015 at 8:40 am #413455Hey!
Alright. This should work:
#top .av-masonry-entry:hover, #top .av-masonry-entry, #top .av-masonry-entry > * { border: 0; background: transparent; }
Remove browser cache then reload the page.
Cheers!
IsmaelMarch 18, 2015 at 6:00 pm #413834Hello,
Thank you. Works fine now.
Kind regards,
Radoslav MitovMarch 18, 2015 at 6:16 pm #413856 -
AuthorPosts
- The topic ‘Custom color for each element problem’ is closed to new replies.