Divi Booster lets you add a second button to your Divi Slider module slides.
Adding a Second Slide Button
With Divi Booster installed, you'll find the following options added to the Slide Settings:
- Slide Settings > General > Text > Button #2 Text
- Slide Settings > General > Link > Button #2 Link URL
These let you set the text and URL of a second button and when filled out will trigger the second button to show on the slide. You can easily find them in the settings for a given slide by entering "Button #2" in the settings search box as shown:
Here's an example of a slide with a second button:
Styling the Second Button
By default, the second button inherits the same styles as the first. You can style the second button separately with CSS code by using the "db_pb_button_2" class added to the second button. For example:
.et_pb_slider .db_pb_button_2 {
background-color: lightgreen;
color: green;
}Related Post: Adding CSS to the Divi Theme
.my-slider .db_pb_button_2 {
background-color: lightgreen;
color: green;
}The button itself is implemented as an <a> tag, so any style that works on a normal link can in theory be used.
0 Comments