accordion font bigger

Morpheus-2014

Hi,

how do I get the accordion font bigger?

http://pixelway.de/projekt-stahl/ylinderrohre

Thanks

screen-accordion-font.jpg

Phil

Hello,

To increase the accordion title size, please, put the following code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

.accordion .question .title{
 font-size: 15px!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

Hi,

You wrote me how to get the title bigger in the accordion item. How do you get the font of the content in the accordion item larger?

Since I am optimizing my website for the PC and the smartphone, my question, can I create two font sizes, i.e. for the accordion item, one for the display on the PC and one for the display on the iPhone?

Thank you for your help and have a nice weekend 😉

Phil

To increase the accordion content size, you should use the following code:

   .accordion .question .answer{
    font-size: 20px!important;
   }

If you want the particular code to work for mobiles only, you should use the media queries.

You can read more about them under the following link:

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

So, for example, if you want the code above to work for mobiles only, it should look like this:

@media only screen and (max-width: 767px) {
 .accordion .question .answer{
   font-size: 20px!important;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next