Change the style of Phoca Cart Search Module

Phoca Cart - complex e-commerce extension
User avatar
thethe
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 31 Oct 2019, 00:28

Change the style of Phoca Cart Search Module

Post by thethe » 06 Nov 2019, 08:05

Hi There,

Just wondering if I can modify CSS style for Phoca Cart Search Module? Currently it is on a bad position somewhere on the top of the page with a really long field. Tried applying Joomla Module Class Suffix, but it did not seem to overwrite it. I left a space befptre " art-searchbartop", still no luck. Any help?

Thanks
Mang

christine
Phoca Hero
Phoca Hero
Posts: 1741
Joined: 28 Nov 2010, 17:20

Re: Change the style of Phoca Cart Search Module

Post by christine » 06 Nov 2019, 12:15

Hi,

it seems, that you are using an artisteer template? If you working with Class Suffix, you hv also to format CSS codes accordingly.
Could we see it pls?

Kind regards
Christine

User avatar
thethe
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 31 Oct 2019, 00:28

Re: Change the style of Phoca Cart Search Module

Post by thethe » 07 Nov 2019, 00:49

Hi Christine

You are correct. Or do I have to contact Aristeer? Not sure if they are still in business?

I tried add:

.art_topsearchbar
{
.
..
}

In search module,

I tried left a space or . before adding "art_topsearchbar", just cannot see the style applied to the phoca card search module.

Do not quite understand "you hv also to format CSS codes accordingly."


Thanks
Mang

christine
Phoca Hero
Phoca Hero
Posts: 1741
Joined: 28 Nov 2010, 17:20

Re: Change the style of Phoca Cart Search Module

Post by christine » 07 Nov 2019, 13:37

Hi Mang,
thethe wrote:
07 Nov 2019, 00:49
Do not quite understand "you hv also to format CSS codes accordingly."
That's is, what you wrote under: "I tried add: ......."
Just wondering if I can modify CSS style for Phoca Cart Search Module?
here just only an example (without suffix). Checked with inspector the codes of search-module:

Code: Select all

.form-control .inputbox, #phSearchsearch {
background-color:green; 
color:#fff; 
height:30px;    
}
Currently it is on a bad position somewhere on the top of the page with a really long field.
This belongs to the position of template! Check in backend and try another position.

Kind regards
Christine

User avatar
keerillcom
Phoca Member
Phoca Member
Posts: 14
Joined: 09 Oct 2019, 18:10

Re: Change the style of Phoca Cart Search Module

Post by keerillcom » 07 Nov 2019, 17:24

I fought for two days to bring the search back to normal, nothing came of it. This also applies to the choice of currency, wish list, comparison and basket.

Post Reply