Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 1, 2016 at 3:37 pm #606728
    vnfan

    Dear support team,

    I am just an amateur and I would like to custom the toggle icon like this:
    1. no border around the icon, no contain border
    2. the content area should have the same background color as the title area
    3. + and – symbols should be change to arrow right and arrow down. I want to use google icons.
    <i class=”material-icons”>keyboard arrow right</i>
    <i class=”material-icons”>keyboard arrow down</i> (when it is activ)
    4. the icon should stay on the right side.

    Could you please help me with the code? How can I change the + and – icons to google icons?
    Regards
    vnfan

    April 1, 2016 at 3:54 pm #606740
    Yigit

    Hi vnfan!

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

    span.toggle_icon, p.toggler {
    border: none!important;
}
.toggle_content {
    background: #f8f8f8!important;
    border: none;
}
.toggle_icon {
    left: auto;
    right: 10px;
}

    Have you uploaded your icons already?

    Cheers!
    Yigit

    April 1, 2016 at 4:18 pm #606759
    vnfan

    Hi Yigit,

    I have just uploaded the icons.
    (I thought I don`t need to update the google icons if I add the Google htmal code in the header.)

    April 1, 2016 at 4:27 pm #606768
    vnfan

    Hi Yigit,
    the text in the title is a little bit more on the right than the text in the content area. How can I put the text in the title so that it begins at the same position as the text in the content area?

    April 1, 2016 at 4:30 pm #606769
    vnfan

    Hi Yigit,
    these are the right url for the icons.

    April 1, 2016 at 5:28 pm #606795
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    Cheers!
    Yigit

    April 4, 2016 at 10:29 am #607471
    vnfan

    Great. Thanks a lot. It looks good.
    How can I put the title and the text in the content area beginn at the same position?
    I have another problem with toggle. When I open and then close the toggle, the copyright area get larger. You can see this effect clearlier if you have a computer with a big monitor? How can I fix this?

    April 4, 2016 at 1:48 pm #607567
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make?

    Socket height increases due to lack of content on your page. Please add more content to your page to avoid the issue.

    Cheers!
    Yigit

    April 4, 2016 at 4:30 pm #607725
    vnfan

    Hi Yigit,
    I have found the position of the CSS code. It is already fixed.
    Thanks so much again.

    April 4, 2016 at 4:46 pm #607736
    Yigit

    Hi!

    Great!
    You are welcome, let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘custom toggle icon’ is closed to new replies.