1. Stellar
  2. Wednesday, 03 June 2020
The Slideshow Full addon comes with this template. How can we choose the style of the button as there is no selection available in settings, either in the general tab or in individual slides.
Our site is live here : https://gbeservices.co.uk and the slides have a non-solid info sp-button that we would lke to style our house blue and solid.
Attachments (1)
Accepted Answer
So the answer is

.sppb-slider-wrapper .controller-wrapper .customNavigation > a {
background: transparent;
border: 3px solid #00ace5;
opacity: 1;
}

.sppbSlideNext i {
color:#fff;
}
.sppbSlidePrev i {
color:#fff;
}
  1. more than a month ago
  2. Stellar
  3. # Permalink
Responses (7)
HI,
It looks like this
https://prnt.sc/stfpkr
Which portion you wanna change?And is it possible to give a demo which type of design do you want?
Thank you
  1. more than a month ago
  2. Stellar
  3. # 1
Thanks for your reply!
You are looking at the first slide only, we turned off the next prev arrows. It will auto scroll to the next 3 slides.

The other slides only, need to be styled like the annotated screen grab attached which show what we need, also I have identified the classes that need to be styled , but even using the custom.css they do not overide the stylesheet which is in use here named:
https://www.gbeservices.co.uk/cache/com_templates/templates/shaper_stellar/611d2c75d3c25ea1e3a6147d60242e8e.css
When we try to edit this sheet, it just regenerates.

Thanks for your help.
Attachments (1)
  1. more than a month ago
  2. Stellar
  3. # 2
We have added manual styling in the descrition text for the slides to acheive the effect we want using an existing button ID and restyling it:

<p style="font-size: 20pt; line-height: 19pt; text-shadow: #000 1px 1px;">Our success to-date has been built primarily on our in-house delivery and engineering capabilities.</p>
<div class="sppb-text-left"><a id="btn-1589532955279" class="sppb-btn sppb-btn-default sppb-btn-round" style="color: #ffffff;" href="index.php/about-gbe"> LEARN MORE </a></div>

However we cannot restyle the Next and Prev arrows for size and color as mentioned above.
Can you help with this please?
Attachments (1)
  1. more than a month ago
  2. Stellar
  3. # 3
Thanks for looking but we have solved the stylng now, we used the following in the custom css:

.sppb-slider-wrapper .controller-wrapper .customNavigation > a {
background: transparent;
border: 3px solid #00ace5;
opacity: 1;
}

.sppbSlideNext i {
color:#fff;
}
.sppbSlidePrev i {
color:#fff;
}
  1. more than a month ago
  2. Stellar
  3. # 4
Thanks that's the answer for anyone else!
  1. more than a month ago
  2. Stellar
  3. # 5
Welcome:)
  1. more than a month ago
  2. Stellar
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.