Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 7, 2015 at 7:21 pm #484657
    reederjack5252

    Hi,

    The text on my Easy Slider(s) gets cut off phones and tablets. How can I make it responsive? Thanks for your help.

    http://rx4edu.com

    August 10, 2015 at 6:17 am #485045
    Rikard

    Hi reederjack5252,

    Sorry for the late reply. Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    August 10, 2015 at 5:56 pm #485501
    reederjack5252

    Ok here you go.

    August 10, 2015 at 6:05 pm #485511
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.avia-caption-content p {
    font-size: 12px;
}}

    Cheers!
    Yigit

    August 10, 2015 at 8:27 pm #485599
    reederjack5252

    Hi Yigit,

    Thanks for the code, but from what I can tell nothing seems to have changed:

    August 11, 2015 at 9:17 am #485778
    Rikard

    Hi,

    Please try the following as well:

    @media only screen and (max-width: 1024px) {
.avia-caption-content p {
    font-size: 14px;
    padding: 6px 8px;
}
}

    Best regards,
    Rikard

    August 11, 2015 at 5:05 pm #486073
    reederjack5252

    Still not quite there:

    Any ideas?

    August 12, 2015 at 4:42 am #486293
    Ismael

    Hi!

    The caption text is set to 12px when the screen size is lower than 480px. On what kind of mobile device are you testing this? You can try this:

    @media only screen and (max-width: 768px) {
.avia-caption-content p {
    font-size: 12px !important;
}}

    If your phone has a retina display, try this css media queries: https://css-tricks.com/snippets/css/retina-display-media-query/

    Best regards,
    Ismael

    August 12, 2015 at 5:17 am #486303
    reederjack5252

    I’m resizing the window on my desktop. When I make the window smaller the text on my Easy Slider is no longer visible.

    August 12, 2015 at 11:40 am #486415
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.avia-caption { padding: 5px 10px; }}

    then disable CSS minifying feature on the plugin you are using and flush cache

    Regards,
    Yigit

    August 12, 2015 at 5:21 pm #486693
    reederjack5252

    Yigit, the Quick CSS is where I’ve been adding all the code. Should your code replace all previous ones? That’s what I did and the problem seems to be exactly as it has been after flushing the cache. Also, I’m not using a plugin to minify CSS. Thank.

    August 13, 2015 at 9:47 pm #487451
    Andy

    Hi!

    Yigit’s code should work. You are using W3 Total Cache plugin. Go into plugin’s setting and choose to switch off caching. Afterwards clear browser cache and hard refresh a few times. Deactivate all plugins while testing.

    Best regards,
    Andy

    March 4, 2020 at 11:12 am #1189991
    newmediologo

    I’ve the same problem.. The settings in Content->Style were ignored and the Font Size of the caption remains always the size for the desktop versione that is 44px for the title and 34px for the text.. I try to set different sizes for tablet landscape but nothing change..

    March 4, 2020 at 12:30 pm #1190016
    Yigit

    Hi,


    @newmediologo     please start a thread under Enfold sub forum – https://kriesi.at/support/forum/enfold#new-post and attach temporary admin logins in private content field so we can look into it. If you post them here, they will be visible to creator of this thread and since this thread is pretty old, I am going to close it :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Easy Slider text size’ is closed to new replies.