Slider Heading, Description and Button - Characteristics

Hi,

Please can you provide me with the code necessary to adjust the position and other characteristics of the homepage slider heading, description and button.

Specifically, I'd like to:

• move the heading, description and button to the bottom left hand corner
• remove the space between the heading and description (or hide the description)
• change the text of the button and have it use the same css class as other buttons in the site

Please see screenshot for further reference.
Thanks,
Rex

 

Hello,

Could you please share us your website link so that we will provide you some CSS code according to your need and website.

Thanks & Regards
Yogesh Bhade

 

nowmds.com

temporary password - pass999!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flex-caption-wrapper {
top: 65%;
left: 0;
}
.flex-caption h1 {
margin-bottom: 0;
}
.flex-caption {
text-align: left;
}
.flex-caption p {
font-size: 15px;
margin-bottom: 30px;
}
.flex-caption a.slider-readmore {
background: #54a228;
display: inline-block;
padding: 12px 30px;
border-radius: 5px;
margin: 0 10px;
color: #fff;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thanks. Few additional adjustments:

• How can I remove the slider description?
• How can I remove the slider button?
• Alternatively, how can I remove the button's border and make the button's text plan instead of bold?

Thanks,
Rex

 

Hello !

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

For removing heading:

Code:

.flex-caption h1 {
display: none;
}

For removing Description:

Code:

.flex-caption p {
display: none;
}

for removing border and font weight :

Code:

.flex-caption a.slider-readmore {
font-weight: 500;
border: none;
}

For removing slider button:

Code:

a.slider-readmore {
display: none !important;
}

Thanks & Regards
Pramod