Business Elite (pro): button and text in Slider

Linde Jacobs created the topic: Business Elite (pro): button and text in Slider

Hi,

I bought the Business Elite pro version because I like the concept and demo.
What I don't find is how to put a text and a button on the image of the homepage slider, like there is on the demo page.

Where can I find this? Are there plugins needed for that?

#57045

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Dear Linde,

Thank you for choosing Business Elite Pro!

Please add the following to slider description of your Business Elite theme, setting the text instead of "Join Now" as you wish:

<br/><span class="business_elite btn_trans"><a href="#">Join Now</a></span>

Also, if you would like to have a link attached to the button, please place the full URL instead of # sign.
Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#57095

Please Log in or Create an account to join the conversation.


Linde Jacobs replied the topic: Business Elite (pro): button and text in Slider

Thanks a lot for your fast reply! I will try this button code :)

The text above the button should be in the 'title' of the slider image?
And where can I adjust font and size of this text?

Thanks in advance :)

#57099

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Dear Linde,

That's correct, you can use Image Title and Image Description inputs to add the text above your slider button.

Since you are also using Image Description for the button, simply add the rest of the text just before the code I gave you.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#57123

Please Log in or Create an account to join the conversation.


Linde Jacobs replied the topic: Business Elite (pro): button and text in Slider

Hi again,

The code helped: I now have a clickable sentence. But how can I add style to my button? And to the text above the button (like in the demo of the theme)?

Do I have to code it all the way with css and html?

Thanks in advance again :)

#57483

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Hi Linde!

Yes, unfortunately the color options don't yet have a setting to change button or text style. However, you can, of course, do that using a few lines of CSS code.

Please use .bwg_slideshow_title_text class for slider title, .bwg_slideshow_description_text for description text and .business_elite.btn_trans class for the button itself.

Let me know if you will need any assistance with the CSS code. I'll be glad to help you out!
Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#57595

Please Log in or Create an account to join the conversation.


Linde Jacobs replied the topic: Business Elite (pro): button and text in Slider

Hi Agapi,

Thanks for all the help so far, really appreciated.
But some more assistance would be nice.

Now I put this code in the slider image description, but it doesn't really work that well...

<span class=".bwg_slideshow_title_text"> TEXT TITLE </span><br /><span class=".bwg_slideshow_description_text"> TEXT DESCRIPTION </span><br /><span class="business_elite btn_trans"><a href="LINK">BUTTON TEXT</a></span>

Thanks so much!

#57701

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Dear Linde,

I'm sorry, I must have explained not very clearly. The classed are inserted to Title and description by default (those are Title and Description fields). The only time, that you need to implement HTML code is the button, with the following HTML:

<span class="business_elite btn_trans"><a href="LINK">BUTTON TEXT</a></span>

The other two are already in the theme code, so you don't need to add them to slider image description.

But what you can do with them is to write CSS code, for example:
/* Changes title text to black*/
.bwg_slideshow_title_text {
    color: #000000;
}

/* Changes description font-size to 20px */
.bwg_slideshow_description_text {
    font-size: 20px;
}

/* Changes button text to green */
.business_elite.btn_trans {
    color: #8FFF96;
}

And then you can add this CSS code to Theme Options > General > Custom CSS editor to make the relevant changes.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#57755

Please Log in or Create an account to join the conversation.


Linde Jacobs replied the topic: Business Elite (pro): button and text in Slider

Hi and thanks for the help.

But...

When I put my title in the image title textfield. I have to make clear where it has to appear. And when I choose 'center middle', my title appears right trough my Image Description. :-(

Can you offer the complete code and how-to to make the text in the slider appear just like in the Demo-site?

I'm a bit dissapointed that there's still quite a lot of coding requiered, although I bought the pro-version. The slider fields should be just there to fill in with text and adjustable in the typography. Maybe I will put this remark in the idea box as well?

Thanks in advance!
Linde

#57915

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Dear Linde,

Looks like I initially misunderstood your request. Sorry about that. If you would like to have the same structure, as the demo slider description, please add the following code in Description textarea, leaving Title input blank:

<h1>Start Your Business Elite</h1>
<p>Responsive, stylish, user-friendly and SEO-friendly theme. Simple, clean flat design. Wide list of customizable features.</p>
<span class="business_elite btn_trans"><a href="#">Join Now</a></span>


And then change the text inside <h1> and <p> tags as necessary.

As for your suggestion, luckily, we have plans to include our Slider WD plugin in future versions of our themes, and it will allow more functional options for website sliders.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#57979

Please Log in or Create an account to join the conversation.


Susan R Grossman replied the topic: Business Elite (pro): button and text in Slider

I have a child theme with css that is working on everything else, but have been unable to change the color on the description text using the code you've supplied, and more. No problem with the Title color just the description.

Is there something special that is required? I'm using text without additional HTML and have tried variations, including using !important, and none are working.

.bwg_slideshow_description_text {color:#fff !important; }
.bwg_slideshow_description_text div {color:#fff; } and various others have been tried.

#58183

Please Log in or Create an account to join the conversation.


Miguel replied the topic: Business Elite (pro): button and text in Slider

Hi,

If you have version 2.1.10 the text color you can change it in the options theme / Color / Slider Description Text Color, color box you have to change CSS that is in the last lines of the file style.css

}
.business_elite.btn_trans {
   margin: 10px;
   padding: 14px 7px;
   Color: #ffffff;
   border: 2px solid #ffffff;
   display: inline-block;
}
.business_elite.btn_red to,
.business_elite.btn_trans to {
   Color: #ffffff! important;
   text-transform: uppercase;
}

I hope you SIREVA me if I work.

Greetings,
Miguel A.

#58195
The following user(s) said Thank You: Susan R Grossman

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Hello Miguel and Susan!

Thank you for posting your requirements and sharing your solutions!

Susan, could you please give the link to your website, where you are having trouble changing the description text of the slider? We will check which styles are interfering with the changes you make.

Also please make sure to add your CSS styles to Theme Options > General > Custom CSS editor.
Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#58215

Please Log in or Create an account to join the conversation.


Susan R Grossman replied the topic: Business Elite (pro): button and text in Slider

I'm surprised over the request to also put the CSS in the editor when your site says it fully supports child themes. Did just try that, and it made no difference.

Is there a private email to post my in development site link, not comfortable posting it publicly.

Susan

#58235

Please Log in or Create an account to join the conversation.


Susan R Grossman replied the topic: Business Elite (pro): button and text in Slider

Feel like an idiot - I'd only noticed the background color choice there :)

#58247

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): button and text in Slider

Hi again, Susan!

Of course, you can send the link privately. Please forward it to [email protected], and make sure to include the link to this forum topic in your e-mail.

Thanks in advance!


Kind regards,
Agapi G.
Web-Dorado team
#58249

Please Log in or Create an account to join the conversation.


Lee replied the topic: Business Elite (pro): color adjustment problem in

Hi ,

I tried to change the color of text and button in Business Elite (pro): button and text in Slider

Inserted code below as you said, but it wasn't work it at all.
No text color change even used below code in Theme Options > General > Custom CSS editor.

What is the clue to change the color of text and button in slide ?

/* Changes title text to black*/
.bwg_slideshow_title_text {
color: #000000;
}

/* Changes description font-size to 20px */
.bwg_slideshow_description_text {
font-size: 20px;
}

/* Changes button text to green */
.business_elite.btn_trans {
color: #8FFF96;
}

#60201

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): color adjustment problem in

Hello Lee!

That's actually strange, but perhaps you are using different classes in the description text. Could you please give the link to your website, where we can see the slider? We'll provide you the necessary CSS code.

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#60225

Please Log in or Create an account to join the conversation.


Lee replied the topic: Business Elite (pro): color adjustment problem in

Sorry to bother you. But, my question was very simple.

How to change the text color of slider ( business elite pro ) ?

Thanks,

#60305

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): color adjustment problem in

Hi Lee,

Please use the following code, and let me know if it works:

#slideshow .bwg_slideshow_description_text * {
    color: #ffffff !important;
}
.business_elite.btn_trans {
    border-color: #ffffff;
}

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#60315

Please Log in or Create an account to join the conversation.


Lee replied the topic: Business Elite (pro): color adjustment problem in

the code works great.

Thanks,
Lee

#60357
The following user(s) said Thank You: Agapi G.

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Business Elite (pro): color adjustment problem in

Hey, Lee!

We are glad the code did the trick! Please make sure to let our team know any time you have other questions. We'll be happy to assist!

Let me kindly ask you to post your feedback about Business Elite on WordPress.org. Our team would be greatly thankful, if you could share your personal experience with the product and our service.

Here's the link to the theme page: wordpress.org/support/view/theme-reviews/business-elite

We'd love to hear from you.
Many thanks in advance!


Kind regards,
Agapi G.
Web-Dorado team
#60419

Please Log in or Create an account to join the conversation.


Time to create page: 0.339 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us