Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 8, 2015 at 7:05 pm #548956
    motza

    hi,
    can you help me remove styling from accordion. I would like toggler and content to be without any color or border.
    thanks much

    December 8, 2015 at 7:11 pm #548959
    Andy

    Hi motza!

    can you provide us a link showing the elements in question please?

    Regards,
    Andy

    December 8, 2015 at 7:56 pm #548978
    motza

    Hi Andy,
    Below are screenshots of an accordion. As you can see they have a border and hover effect once you scroll over. Also when expended there is background color in the content area. I would like it to be without any background or border or hover effect. Just for text to be visible.

    Best

    img1 https://drive.google.com/file/d/0B10lMzs2pU0JMHJZdnM1bUZaNHM/view?usp=sharing

    img2 https://drive.google.com/file/d/0B10lMzs2pU0JYUdqLU9pNzJpXzA/view?usp=sharing

    December 9, 2015 at 7:39 am #549527
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    December 9, 2015 at 7:53 am #549536
    motza

    It is firstplayinfantmassage.com
    Thanks

    December 9, 2015 at 4:15 pm #549819
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .main_color .toggle_content,.main_color .toggler:hover {
    background: white;
}

    Best regards,
    Yigit

    December 9, 2015 at 8:44 pm #549959
    motza

    Thanks Yigit,

    That worked, but there is still a border once page loads. It disappears once you hover, but is there css to remove border completely ? Also is possible to remove plus icon and little square box?

    Thanks a million

    December 15, 2015 at 1:56 pm #553004
    Andy

    Hey!

    can you provide us a precise link where we can find and inspect the elements in question? I checked link you have provided but did not find any accordion element.

    Best regards,
    Andy

    December 16, 2015 at 4:28 am #553439
    motza

    Hi Andy, thanks for follow up.
    I actually fixed it by adding
    .toggler .toggle_icon{ display:none;} to Yigit’s recommendation.
    text inside is not perfectly aligned in the middle (even though i have: .toggler { text-align: center !important; } ) but i guess thats because there is still an icon or a box around and its not just visible. not a big deal i guess. if you know a quick fix please advise if not its ok.

    my main question is how to force a website to resize sooner than its set? So, for example, when viewing on a tablet -portrait view some of my text gets cut by another column. Viewing on 10 inch tablet
    thanks

    December 21, 2015 at 6:02 pm #556090
    Andy

    Hi!

    you need to work with media queries to control different behavior on different screen sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Cheers!
    Andy

    February 3, 2016 at 6:42 am #576900
    motza

    thanks, you may close this

    February 4, 2016 at 5:09 am #577544
    Rikard

    Hi,

    Ok thanks, closing this thread.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘alternate color for an element’ is closed to new replies.