Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 10, 2016 at 4:59 pm #610802
    tremblayly

    Hi
    I’m trying to make the left framed caption wider. When I make a change in Firebug, I can see the change I want, but when I add the CSS code to my custom.css it does not change it. Here’s what I’ve tried:
    /* increase width of inner caption on slider */
    .slideshow_inner_caption {
    width: 125%!important;
    }

    Link to my website page: http://www.impactcrescendo.com/

    Can you help me accomplish this please?

    Thanks
    Lyse

    April 10, 2016 at 8:04 pm #610816
    Basilis

    Hi tremblayly!

    can u please provide for us backend access, so we can give it a look and assist?

    Cheers!
    Basilis

    April 10, 2016 at 8:12 pm #610819
    tremblayly

    Hi Basilis,

    Thank you for the quick response. I have included login credentials you can use in the private section of this ticket.

    Lyse

    April 11, 2016 at 5:56 am #610968
    Rikard

    Hi,

    Try targeting the following element instead: 

    .slideshow_caption {
    width: 60% !important;
}

    Regards,
    Rikard

    April 11, 2016 at 1:41 pm #611239
    tremblayly

    Hi Rikard,
    That did not work.
    It seems that when I use Firebug and modify the width of either of the following two elements the box gets wider, but from my custom.css file nothing happens.

    Here’s what I’ve tried again:
    .slideshow_inner_caption {
    display: table;
    height: 100%;
    position: relative;
    width: 125%!important;
    }
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    width: 125%!important;
    }

    Thanks
    Lyse

    April 11, 2016 at 1:54 pm #611254
    Yigit

    Hey!

    I added following code to Style.css file of your child theme

    .slideshow_caption {     width: 58%; }

    Please review your website now

    Best regards,
    Yigit

    April 11, 2016 at 2:22 pm #611299
    tremblayly

    Hi Yigit
    It’s not wider….
    Lyse

    April 11, 2016 at 2:23 pm #611303
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times. It is wider on my end

    Cheers!
    Yigit

    April 11, 2016 at 2:26 pm #611309
    tremblayly

    ….this is the css element that changes it

    .slideshow_inner_caption {
    display: table;
    height: 100%;
    position: relative;
    width: 125%;
    }
    and its in a shortcode.css file

    April 11, 2016 at 2:29 pm #611318
    Yigit

    Hey!

    Have you flushed cache and checked your site Lyse? It is working fine on my end as i mentioned above.

    Best regards,
    Yigit

    April 11, 2016 at 2:37 pm #611329
    tremblayly

    Yigit
    here’s proof that my cache is at 0

    https://www.dropbox.com/s/wykp7xprs5wgh13/cache%20clear.jpg?dl=0

    Lyse

    April 11, 2016 at 2:40 pm #611330
    tremblayly

    and I cleared my server cache

    April 11, 2016 at 3:34 pm #611365
    tremblayly

    It works!

    April 11, 2016 at 3:52 pm #611383
    Yigit

    Hi!

    Great! :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How to make the fullscreen slider caption wider’ is closed to new replies.