Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 24, 2020 at 1:38 pm #1248138
    Enfold<3

    Hi, I have tried to change the font color to black using this css below but nothing happens :( Could you please help with how I can fix it :)

    @media only screen and (max-width: 767px)
    .responsive #top .main_color .tabcontainer .active_tab {
    color: #000000!important;
    }

    Also on iPhone x there is showing some blue border when clicking on a tab (active tab). I would like to remove them.

    Many thanks in advance
    /Enfold<3

    September 24, 2020 at 3:30 pm #1248193
    Jordan Shannon

    Hey Rebecca,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    September 24, 2020 at 8:05 pm #1248256
    Enfold<3
    This reply has been marked as private.
    September 26, 2020 at 6:14 am #1248559
    Rikard

    Hi,

    Thanks for that. I can’t see the element you are referring to on the page you linked to, could you link directly to the page where we can see the actual element please?

    Best regards,
    Rikard

    September 26, 2020 at 11:51 am #1248639
    Enfold<3

    Hi!
    You can see the white text using computer screen (responsive layout) but if you use a phone you can also see the blue borders aswell.
    Thanks! Sending the URL in private content :)

    September 26, 2020 at 2:01 pm #1248663
    Victoria

    Hi Enfold<3,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.js_active .tab_titles .tab {
    outline: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2020 at 7:47 pm #1248712
    Enfold<3

    Hi!
    Im sorry but the blue “border” are still there. Also did tryed to put the custom css but nothing happens.
    Kind regards

    September 27, 2020 at 5:04 pm #1248826
    Victoria

    Hi Enfold<3,

    Please add this code for mobile too:

    
@media only screen and (max-width: 989px) {
    .responsive #top .main_color .tabcontainer .active_tab {
        outline: none;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 28, 2020 at 4:36 pm #1249082
    Enfold<3

    Hi! Worked like a charm! Thank you!

    September 28, 2020 at 7:38 pm #1249145
    Victoria

    Hi Enfold<3,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.