Forum replies created

    In reply to Adjusting caption CSS for the evolve bootstrap slider
    Tom
    Spectator
    Posts: 2
    31.03.2016 at 04:10 #26097

    I’m not a web dev so I don’t know what that means? Specifically I don’t know what a media query is or how to add “!important rule” to the end of my custom CSS.

    I got that custom CSS by just changing one number in the existing CSS after hacking a bit in chrome dev tools.

    In reply to Adjusting caption CSS for the evolve bootstrap slider
    Tom
    Spectator
    Posts: 2
    30.03.2016 at 04:27 #26040

    Hi.

    It’s a new site that isn’t public yet, which is why I didn’t post the link. I meant the <h2>, not the <p>.

    In the end, I was able to fix the problem for desktop browsers – shrink the shaded box behind the slide title – by changing ‘right: 50%;’ to ‘right: 78%;’ in the following:

    #bootstrap-slider .carousel-caption {
    padding-top: 0;
    bottom: 12%;
    left: 60px;
    right: 78%;
    text-align: left;
    }

    But it doesn’t work on my phone with the original CSS or my modified CSS. Here is a partial screenshot (I cropped out the top) that shows the problem:

    https://goo.gl/photos/wNf3EbDXwdeUUnLg7

    You can see that the shaded box behind the slide title goes right across the screen (ignore the whitespace and the question mark) though the text fits to the left of the car. This was done with a Nexus 5 which has a very common screen resolution of 1920×1080.

    Thanks. Tom