Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 25, 2022 at 11:47 am #1349380
    TakiwaSoulArt

    Hi,

    I have another question .. Is it possible to change the settings of an HTML tag in responsive design? I used <mark> and I need another font size on mobile view.

    Thank you again and best regards,
    Sabine

    April 25, 2022 at 1:35 pm #1349402
    Rikard

    Hey Sabine,

    I’m not sure I understand your question. Do want to replace the actual tag, or simply change the font size on mobile devices? If you need further help, then please post a link to where we can see the actual element.

    Best regards,
    Rikard

    April 25, 2022 at 2:19 pm #1349413
    TakiwaSoulArt

    Hi Rikard,

    I have set the <mark> option in the advanced styling with a different font in pink. In the mobile version I would have to reduce the font size, see link: https://seeleundkraft.de/psychotherapie/ I mean the word ” integrativen Ansatz”

    Sorry if it was unclear … ;)

    Kind regards,
    Sabine

    April 25, 2022 at 5:46 pm #1349435
    Yigit

    Hey Sabine,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust the font size (“18px”) as needed

    
@media only screen and (max-width: 480px) {
#top .all_colors mark {
  font-size: 18px;
}
}

    Regards,
    Yigit

    April 26, 2022 at 9:59 am #1349486
    TakiwaSoulArt

    Hey Yigit,

    so great – it works wonderful.

    Thank you so much and best regards. You can close this topic.

    Sabine :)

    April 26, 2022 at 11:14 am #1349503
    Rikard

    Hi,

    Great, I’m glad that Yigit could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change HTML tag in responsive’ is closed to new replies.