accordion font bigger

Comments

• Phil

  July 2021

  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

  July 2021

  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

  July 2021

  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