Portfolio Title And Tag Mobile
Pascal
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
Pascal
Accepted AnswerHi 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; } }
Rashida Rahman
Accepted AnswerHi 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