Descriptions on slider

Hey there rakin56,

How are you doing today?

This is definitively possible with some custom CSS. Since I’m not sure what exactly happened there would you mind posting link to your site where I can see this and I’ll be happy to try to help ??

Cheers,
Bojan

Awesome. my site is whencancercomesback (dot) com/wordpress

Hey again,

Thanks for the link, please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.banner .inner {
    float: left;
    text-align: left;
    padding-top: 250px;
}

.banner a.btn {
    float: left;
    margin-left: 20px;
}

This should be the result https://screencast.com/t/g7h79KeiuGaO. If the code doesn’t work please keep it added and let me know so I can take a look ??

Cheers,
Bojan

The text is now shifted perfectly. However the button is now floating at the top center of the page.

Thank you again for your help.

I have been messing with the .banner .btn portion of the css file and can get the button to shift so center of the page but can’t seem to get it the go further left.

I think I fixed it. I changed the css to

.banner .inner {

padding: 10px;
background: rgba(255, 255, 255, 0.7);
border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
margin-left: 20px;
margin-top: 50px;

}

.banner .btn {
float: left;
margin-left: 25px;
margin-top: 10px;

color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: none;
text-decoration: none;

border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
}

This also adds a border and background to the text helping it stand out from the slider image.

Thank you again for your help.

Glad I could help ??

Cheers,
Bojan

Another issue I am working on is using the image slider to pull a featured video from the posts rather than pulling the featured image from the posts. Is this even possible or should I not worry about it?

Thanks for the code above, I will have a play. Think this should be in the customise section rather than having to play with css though….in the example video 18% left on the settings puts the text and the button slightly off the left side, when I try it 0% puts it in the middle and 18% puts it slightly off to the right from there. This isn’t mentioned in the guide video, but seems to be a common problem…

I can confirm that:

.banner .inner {
float: left;
text-align: left;
}

.banner a.btn {
float: left;
margin-left: 20px;
}

…left aligns the text and allows you to move it using the % value in the customise section as expected….however the button doesn’t move and will need to be moved by changing the margin-left value above.