How To Style SPPB Smart Search Results Page? - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

How To Style SPPB Smart Search Results Page?

AV

Angela Ventricelli

SP Page Builder 5 months ago

Hi, using Smart Search in SP Page Builder 5.5.7 and Helix Ultimate 2.1.2 template under Joomla 5.3.0 I got a results page with Blue titles and White text on White background. How can I style the results page? I'm not able to find the right selector for the css to be added. Can you help me? Many thanks and regards

0
10 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #193566

But if you want to make whole Search Result page black use only that:

 .view-search #sp-main-body {background: #111;}
 h4.result-title a, .result-title a {color: #FF6F04;}
 #finder-search  .btn-primary,  #finder-search .sppb-btn-primary {
  border-color: #ff6f00;background-color: #FF6F00; }
     #finder-search  .btn-primary:hover 
     { border-color: #ffdd00;background-color: #ffdd00; color: #111; }

e si otterrà questa vista info_2859_2025.jpg

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193418

Hi

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

0
AV
Angela Ventricelli
Accepted Answer
5 months ago #193426

Hi Mehtaz,

thanks for the reply, I give you now the screenshot of the results page as the site is still on my local server. If you need the access I'll come back tomorrow when the site will be online.

Regards

0
AV
Angela Ventricelli
Accepted Answer
5 months ago #193504

Hi Mehtaz, the site is now online and the smart search result page is here:

https://www.chaletdellaguida.it/component/finder/search.html?q=deca&Itemid=131

to find something enter the string "deca"

Regards

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193554

Hi

Do you want to change this background color?

0
AV
Angela Ventricelli
Accepted Answer
5 months ago #193561

No, this one:

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #193564

Ciao.

For example use Custom CSS

.result-text {color: #222;}

then text will come visible (dark text on white background).

OR

0
AV
Angela Ventricelli
Accepted Answer
5 months ago #193570

Many thanks Paul !!!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193576

Hi Angela,

Is this solved now? If yes, you can then close this post by accepting the answer. And thanks Paul for helping him.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193816

Thanks for accepting the answer.

0