Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #364249

    I tried to enter this in the Toggle Title: <h3><span style=”color: #4abee0;”>F.A.Q.</span></h3> And it works, but the text comes out of the box and the format is off. I am going to assume I need some custom styling. Would you be able to provide the code to be able to change the font size, color, and style for the Accordion Titles?

    Please see http://www.alextomaszewski.com/contact at the bottom.

    And please see http://www.doodlemachine.com/ in the contact section at the bottom, this is what we are trying to accomplish.

    Thanks again for all the help!

    Ben

    #364257

    Hi again, I’ve been working on it for a bit and I was able to create the correct code to give me what I want. What is a bit out of my scope is the alignment within the box. Currently, it is aligned at the top of the box but I want it centered vertically. Can you please provide the code for this.

    Thank you!

    Ben

    #364555

    Hi!

    Thank you for using Enfold.

    Please remove the html code on the toggle title then use these selectors instead:

    .toggle_icon {
    position: absolute;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 1px;
    top: 25px;
    left: 10px;
    }
    
    .js_active .toggler {
    font-size: 50px;
    padding: 35px 3px 35px 35px;
    }

    Regards,
    Ismael

    #366436

    Hi Ismael!

    Thank you so much for your quick response!

    This code works beautifully! But how do I change the color of the title? Thanks! The color code I want to use is:

    #4abee0

    Thanks!

    Ben

    #366443

    Hey Ben!

    Try:

    .toggler {
        color: #4abee0 !important;
    }

    Regards,
    Josue

    #369112

    PERFECT!

    Thanks a million Josue!

    Ben

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Accordion Feature, Increase Size of Font and changing color of Font in title’ is closed to new replies.