Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 13, 2014 at 8:58 pm #209163
    erikkIsrael

    I’ve tried to change the font size of the accordion tab header by just inserting <h1 style=”text-align: center; font-weight: 300;”>ATTEND NOW</h1> into the toggle title section. However, the theme automatically adds a <br /> before and after, and what I get is this:
    screenshot

    I want the Attend Now header to appear in the toggle title, and the registration form within the toggle when opened.

    Also is there a way to remove the plus icon for just this accordion on my site?

    Thanks

    • This topic was modified 11 years, 9 months ago by erikkIsrael. Reason: img url
    January 14, 2014 at 5:35 am #209315
    Yigit

    Hey erikkIsrael!

    Can you post the link to your website and point out the specific accordion element on it?

    Regards,
    Yigit

    January 14, 2014 at 9:09 pm #209679
    erikkIsrael
    This reply has been marked as private.
    January 15, 2014 at 2:34 am #209824
    Yigit

    Hey!

    You can change the title section of Accordion element by adding following code to Quick CSS in Enfold theme options under Styling tab

    .js_active .toggler { font-size: 16px; }

    Regards,
    Yigit

    January 15, 2014 at 3:06 am #209838
    erikkIsrael

    Thank you!

    January 15, 2014 at 3:11 am #209840
    erikkIsrael

    I just realized. This would change the style for every accordion, not just on the one I want to include on the homepage?

    January 15, 2014 at 4:43 am #209859
    Yigit

    Hey!

    You can use following one to apply the code to accordion element only on the home page 

    .home .js_active .toggler { font-size: 16px; }

    Best regards,
    Yigit

    October 5, 2015 at 5:11 pm #513940
    simonac

    Hi, how can i center the toggler headline?

    Thanks

    October 5, 2015 at 5:28 pm #513946
    Yigit

    Hi!

    Please try adding following code to Quick CSS 

    .toggler { text-align: center !important; }

    Best regards,
    Yigit

    April 4, 2017 at 9:04 pm #771976
    murdochduncan

    Hello,

    Thank you for your services. I am trying to do the same- almost. I would like to increase the font on all accordian titles. I have placed your shortcode with no avail. Can you see what I’m doing wrong?

    I also want to:
    – change the font color to black
    – replace the + to an icon with #429e64 color.
    -animate for the title and icon to “pop”
    -eliminate the delineation lines between items

    Thank you,

    Duncan

    April 7, 2017 at 2:38 pm #774001
    Yigit

    Hi,

    You had following in Quick CSS field

    <div class=”postauthor”>

<?php echo get_avatar( get_the_author_id() , 80 ); ?>

<h4>Autor des Artikels: <?php the_author(); ?></h4>

<p><?php the_author_description(); ?></p>

</div><!–end postauthor–>

    I removed it as only CSS code should be in Quick CSS field. Then i added following code

    .js_active .toggler {
    border: none;
}

    Best regards,
    Yigit

    April 7, 2017 at 5:08 pm #774078
    murdochduncan

    Thank you so much!

    April 9, 2017 at 10:12 am #774860
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

    April 9, 2020 at 7:29 pm #1202450
    Xiscoj

    Hi,

    I have another question regarding accordion.

    I want to make the toggle title a header (from H2 to H4), in order to improve headers for SEO.

    How can I do convert them?

    Including <h2> </h2> did not work.

    Thanks.

    April 10, 2020 at 6:02 pm #1202703
    rvga

    Interested, I have the very same question.
    Can’t wait to hear from you ;)

    April 11, 2020 at 1:28 pm #1202878
    Victoria

    Hi Xiscoj,

    Please start a separate thread, describe your issue there and give us a link to your website there so that we both can see private content.


    @rvga     please do the same.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Change Font Size of Accordion Tab Header’ is closed to new replies.