portfolio title and tag mobile - Forum | JoomShaper
Solved SP Page Builder

portfolio title and tag mobile

Asked by Pascal 4 years ago Last activity 4 years ago

Hi there,

First of all the best wishes for 2022!

I have one question; how and where can I change the title and tag css for portfolio items?
I'm using a template for portfolio page only so my guess is it should be in custom code - custom css
But how should this be done for mobile only?

Running latest joomla and sppb

Regards,
Pas

Accepted answer

Marked as the solution
Pascal Asked this
4 years ago

Hi Rashida,

Using the media query answered the question to change the portfolio titles, thanks.

@media only screen and (max-width: 768px) {
/ For mobile phones: /

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
text-decoration: none;
color: #fff;
background-color: #000000;
padding: 5px 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
font-size: 14px;
line-height: 1.5;
letter-spacing: 1px;
}
}

1 more reply

Rashida Rahman Staff
4 years ago

Hi there!

Thanks for your query.

Are you talking about SP Simple Portfolio extension, please?

How and what you want it to look like? Sreenshot along with URL of that page will be better I think. And if you want the style change only for mobile devices then you can use media query. Here is a related doc if it helps:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Best Regards

Log in to reply.