Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2020 at 2:11 pm #1248665
    Jannes92

    Hey,
    I would like to change the font-size of the top tab_titles on devices smaller than 768px.
    I am using enfold child theme and f.e. example addid .tab_titles{font-size:18px;} to my style.css worked fine.
    I can see by analyzing the content of my website, that for @media only screen and (max-width:767px) a fullsize-tab is displayed.
    I cant seem to be able to access its tab_titles.

    Maybe you can help me? thank you.

    September 26, 2020 at 2:13 pm #1248667
    Jannes92

    to clarify: I want to change font-size of tab title for active and inactive tabs

    • This reply was modified 4 years, 1 month ago by Jannes92.
    September 27, 2020 at 4:48 pm #1248817
    Victoria

    Hi Jannes92,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive .top_tab .tab.fullsize-tab {
    font-size: 18px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 28, 2020 at 2:57 pm #1249002
    Jannes92

    Thank you very much!
    Works fine :). Have a nice day!

    September 28, 2020 at 3:54 pm #1249040
    Victoria

    Hi Jannes92,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.