Solved SP Page Builder

SP Simple Portfolio Heading Spacing

Asked by Dan Ellmore 1 year ago Last activity 1 year 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

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

You can use this CSS in your custom.css file

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

Thanks for accepting the answer.

18 more replies

Mehtaz Afsana Borsha Staff

Hi

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

-Regards.

Mehtaz Afsana Borsha Staff

Could you please give me that specific page link?

Mehtaz Afsana Borsha Staff

Hi

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

Dan Ellmore Asked this

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

Dan Ellmore Asked this

Many thanks - this works perfectly!

Dan

Mehtaz Afsana Borsha Staff

Glad to know that and you are most welcome.

Dan Ellmore Asked this

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

Mehtaz Afsana Borsha Staff

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.

Dan Ellmore Asked this

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:

Log in to reply.