Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2068074
Costumisation
Closed

Comments

  • hannahbergqvist started the conversation
    July 3, 2019 at 9:50am

    Hi, I need help customising and making a few changes to the Penci slider.

    1) I'd like to remove the text background colour + change the font type + size + add Itallics to the slide caption. I know I can change the font colour where I upload the images, but I can't figure out where to customise the rest. So I'm guessing I need CSS code to do this - and for both screen & mobile.

    2) How can I make images fit perfectly for the page on both mobile and laptop? I have a couple of slides cropping the images/zooming in a little too much.

    3) Is it possible to indent the text for left & right alignments by eg. 20-30px?

    4) Can I add line breaks (in HTML) + extra lines in the slide title field? 

    5) Also, Penci slider doesn't seem to be responsive on mobile. How can I make it fit tablet devices?

    Hope you can help!

    Thanks & all best
    Hannah

  •  2,699
    PenciDesign replied
    July 3, 2019 at 4:12pm

    Hi,

    1/ Please try add more this code to Customize > Custom CSS to do that:

    .pencislider-container .pencislider-content .pencislider-title span,
.pencislider-container .pencislider-content .pencislider-caption span{ background-color: transparent; padding: 0; }
.pencislider-container .pencislider-content .pencislider-caption span{ font-style: italic; }
@media only screen and (min-width: 1169px){
.pencislider-container .pencislider-content .pencislider-title span{ font-size: 30px; }
.pencislider-container .pencislider-content .pencislider-caption span{ font-size: 20px; }
}

    Change value 30 & 20 to values as you want.

    And the font for that will follow the font you've selected via Customize > General Options > "Font for Heading Title" & "Font for Body Text"

    2 & 5/ Please show me your site url to I can take it a look on this.

    3/ Please try add more this code to Customize > Custom CSS to do that:

    @media only screen and (min-width: 1169px){
.pencislider-container.align-left{  padding-left: 30px;  }
}

    4/ Please send me your admin url & admin account ( username and password ). I will help you allow it.


    Best Regards,

    PenciDesign

  •   hannahbergqvist replied privately
  •  2,699
    PenciDesign replied
    July 4, 2019 at 3:36am

    Hi,

    1/ I've fixed issues with Slider by add more this code to Customize > Custom CSS:

    .pencislider-item .penci-image-holder{ height: auto !important; }
.pencislider-item .penci-image-holder:before{ content: ""; padding-top: 36.45%; }

    You can change value 35.45 to value as you want for change ratio of images on the Penci Slider.

    2/ Your hosting has been blocked the Appearance > Theme Editor - so I can't allow you the <br> tag for heading & sub-heading. Please enable it.


    Best Regards,

    PenciDesign

  •   hannahbergqvist replied privately
  •  2,699
    PenciDesign replied
    July 4, 2019 at 7:32am

    Hi,

    Let's contact your hosting provider and requirement them enable "Theme Editor" for your admin page.


    Best Regards,

    PenciDesign

  •   hannahbergqvist replied privately
  •  2,699
    PenciDesign replied
    July 4, 2019 at 10:12am

    Hi,

    I've allow <br> on heading & sub-heading on Penci Slider for you.

    We will add more this feature in the next update version of Soledad - no worries about this.


    Best Regards,

    PenciDesign

  •   hannahbergqvist replied privately
  •   PenciDesign replied privately