Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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 Mitov

    #411721

    Hey 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,
    Andy

    #412013

    Hello,

    When I change for example Main content border color

    1

    It changes the color of three elements. It changes the color of this border line in the red box:

    2

    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:

    3

    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.
    #412216

    Hi!

    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,
    Yigit

    #412486

    Hello,

    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 Mitov

    #412489

    Hey!

    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,
    Yigit

    #412526

    Hello,

    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.

    1

    Kind regards,
    Radoslav Mitov

    #412802

    Hey!

    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!
    Ismael

    #412943

    Hello,

    I tried it but the problem persists.

    Kind regards,
    Radoslav Mitov

    #413455

    Hey!

    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!
    Ismael

    #413834

    Hello,

    Thank you. Works fine now.

    Kind regards,
    Radoslav Mitov

    #413856

    Hi!

    Glad we could help you. Enjoy the theme.

    Regards,
    Günter

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Custom color for each element problem’ is closed to new replies.