Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 24, 2019 at 3:51 am #1150720
    vonipeter

    Hi, have tried multiple code but the full width slider caption title and text on mobile is still thesame. It’s too small and i want to increase it. Can someone help please

    October 24, 2019 at 5:49 am #1150742
    Jordan Shannon

    Hey vonipeter,

    You need to find and remove or change the following from your css first:

    @media only screen and (max-width: 479px){
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}}

    Best regards,
    Jordan Shannon

    October 24, 2019 at 11:27 am #1150844
    vonipeter

    that works. Thanks..
    but on mobile i want to be able to give different font size from slider title to slider caption text, can you help me ?

    October 24, 2019 at 6:45 pm #1150967
    Jordan Shannon

    Hi,

    You should be able to just adjust the above to what you need. Leave out !important so it only applies on mobile.

    Best regards,
    Jordan Shannon

    October 24, 2019 at 8:53 pm #1150983
    vonipeter

    didnt work out. Removing important, sets the mobile slider back to its default(small font). setting important! makes the slider on pc and mobile both to respond to font changes.
    But what i want to do is to change and make the title on slider on mobile to be smaler than the slider content, text below it without distorting pc font relationship as pc slider is perfect

    October 24, 2019 at 10:56 pm #1151003
    Jordan Shannon

    Hi,

    You have to add the class. Try the following in quick css:

    @media only screen and (max-width: 479px){
.responsive #top .slideshow_caption h2.avia-caption-title   {
    font-size: 40px !important;
}}

    I tested in the browser and it worked.

    Best regards,
    Jordan Shannon

    October 25, 2019 at 6:50 am #1151080
    vonipeter

    no, didnt work

    October 25, 2019 at 1:20 pm #1151194
    Rikard

    Hi,

    This CSS is current applying:

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 35px !important;
}
}

    It looks to be added from Quick CSS, is that correct? If not then please post login details so that we can have a closer look.

    Best regards,
    Rikard

    October 28, 2019 at 9:20 pm #1151879
    vonipeter

    yes it is

    October 30, 2019 at 12:04 am #1152191
    Jordan Shannon

    Hi,

    Are you able to post login details in the private area so we can look into this further for you?

    Best regards,
    Jordan Shannon

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