Okay
  Public Ticket #1856415
fancy box mobile text
Closed

Comments

  • active00 started the conversation
    January 16, 2019 at 8:40am

    How can I change the text size for the fancy box only for mobile version?

  •  8,386
    Tahir replied
    January 16, 2019 at 12:14pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • active00 replied
    January 16, 2019 at 3:41pm

    Please Im using a hosts modified access to the website attached is the info, please access directly to www.vento.com once the hosts file is changed don't use https


    Thanks

  •  75
    Scott replied
    January 16, 2019 at 4:02pm

    Hey there,

    Thanks for reaching in,

    You can try this CSS in Salient > General Settings > CSS/Script Related > Custom CSS Code 

    @media only screen and (max-width: 600px) {
.front-flip_box h4 {
    font-size:15px!important;
}
    }

    Regards

    Themenectar Support Team

  • active00 replied
    January 16, 2019 at 4:28pm

    Thank you very much for your response, I added the code but it doesn't work, just to mention that I didn't define any font or text style into the h4 theme settings, does that has anything to do with it?

    Thanks!

  • active00 replied
    January 18, 2019 at 3:33pm

    ???

  •  981
    ThemeNectar replied
    January 21, 2019 at 1:35am

    Hey Victor,

    I'm not able to reach to URL at the moment to check on why the CSS snippet provided is not working for you. After changing the hosts file, i'm seeing a 404 page (see attached)

  • active00 replied
    January 21, 2019 at 2:32am

    thanks for replying, this happens if you use the www.vento.com, please try without the www

  • active00 replied
    January 21, 2019 at 6:39am

    were you able to see it?

    Thanks!

  •  8,386
    Tahir replied
    January 21, 2019 at 12:39pm

    Hey Again,

    Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .

    Best.

    ThemeNectar Support Team 

  • active00 replied
    January 21, 2019 at 3:11pm

    Im sorry this doesn't work for me on this captions :(

  •  981
    ThemeNectar replied
    January 21, 2019 at 5:44pm

    Hey, this snippet should target those:

    @media only screen and (max-width: 690px) {
.row .col .nectar-fancy-box h3 {
   font-size: 36px;
}
}
  • active00 replied
    January 21, 2019 at 6:37pm

    That's correct, looks perfect!!! Thank you so much!!!

  •  75
    Scott replied
    January 21, 2019 at 8:18pm

    Hey there,

    Thanks for reaching in,

    Please be sure to reach in in case you encounter another issue,

    Regards

    Themenectar Support Team