SP Simple Portfolio Heading Spacing - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

SP Simple Portfolio Heading Spacing

DE

Dan Ellmore

SP Page Builder 1 week ago

On my clients site - https://www.hellolincoln.co.uk/index.php

You gave me lots of help to personalise SP Simple Portfilio to their colours etc around a year ago.

They would like us to add a little vertical spacing (leading) on the headings. On the link above if you see any items with a title that is 2 or 3 lines long it looks quite close, there is almost no space between lines of heading text.

thanks

Dan

0
13 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 days ago #207298

You can use this CSS in your custom.css file

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a {
    line-height: 22px !important;
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 days ago #207619

Thanks for accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago #207159

Hi

Thanks for contacting us, Do you want to reduce this space?

-Regards.

0
DE
Dan Ellmore
Accepted Answer
1 week ago #207161

No we are looking to add more space between the lines of text here (see screenshot)

https://www.dropbox.com/scl/fi/4mpcgnug2na4v1w4rn17o/arrow.png?rlkey=ms0a6olza6cahvl75o8ya9nln&dl=0

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago #207163

Could you please give me that specific page link?

0
DE
Dan Ellmore
Accepted Answer
1 week ago #207164

It is in my original ticket - https://www.hellolincoln.co.uk/index.php

thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago #207180

Hi

Where is that specific page located? Because I need to go there and solve this issue.

0
DE
Dan Ellmore
Accepted Answer
1 week ago #207182

this IS the page -all of this page is built in SP Simple Portfolio apart from the adverts

I have put this same link in 3 times now - this IS the page- if you look you can see the blue areas under the images and anything with a 2 line title is too close together

https://www.hellolincoln.co.uk/index.php

0
DE
Dan Ellmore
Accepted Answer
6 days ago #207311

Many thanks - this works perfectly!

Dan

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 days ago #207321

Glad to know that and you are most welcome.

0
DE
Dan Ellmore
Accepted Answer
2 days ago #207840

We have come across a problem with the code supplied:

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a { line-height: 22px !important; }

the 3 bars for the off canvas mobile menu do not display on the right when this code is added to the Custom CSS for the website - they appear on the left but are not there when set to right

please see scren shot here - https://www.dropbox.com/scl/fi/41bnrltydzq2q9tt6zptg/off-canvas-menu-missing.png?rlkey=3vyn3g2r3e39f5zyhvlmtb2sr&dl=0

thanks

Dan

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 days ago #207890

Hi

This code should not affect the offcanvas, because these two are different CSS classes. Don't worry, please keep a full site backup and give me your super admin access, so that I can check.

0
DE
Dan Ellmore
Accepted Answer
2 days ago #207896

It is definitely causing an issue as it stops as soon as I remove it. But we can leave the Off canvas menu to the left as a temporary fix until we solve it.

I have taken a full backup and downloaded it just in case we need it.

Link and log in info is below:

0