Problem with positioning and styling

Phoca Cart - complex e-commerce extension
opk
Phoca Member
Phoca Member
Posts: 18
Joined: 23 May 2020, 22:56

Problem with positioning and styling

Post by opk »

Hi there and thank you for this component.

It seems I have problems with positioning the filter module beside the product list, it shows distorted. Also are there options for styling everything? I mean background color, fonts etcThe component's styling changes the template attributes.
http://georgesjewellery.gr/collections

Thank you.

Tags:
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Problem with positioning and styling

Post by Benno »

Hi,
sorry, I misunderstood the problem and therefore removed my initially post. :(

Which Phoca Cart version and which Phoca Cart Filter Module version do you use?

Kind regards,
Benno
opk
Phoca Member
Phoca Member
Posts: 18
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk »

I think they're the latest versions for both. Freshly installed. Thanks for helping!
opk
Phoca Member
Phoca Member
Posts: 18
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk »

Any ideas? Look at the cart module, the tick boxes are laying over the text... I think the problem is with bootsrap, but without it I can't use the component tools for making columns etc... Maybe If I create a custom.css and try to change widths and colors?
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Problem with positioning and styling

Post by christine »

Hi,

Try following codes:

Code: Select all

.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left;
margin-left: -25px !important;
background: #23527c !important;
}
.radio input[type="radio"] :hover, .checkbox input[type="checkbox"]:hover {
background: #f6c140 !important;
}
div.ph-filter-box {
color: #333;  
}
body {
color: #fff;
}
temporary result:

Image

Check also your template / custom.css.

Kind regards
Christine
opk
Phoca Member
Phoca Member
Posts: 18
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk »

Thank you! How can I make the radio buttons stay ticked like before?
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Problem with positioning and styling

Post by christine »

Hi,

either, you delete the line of: background ..... or you change the 1st one to #f6c140 and the 2nd to: #23527c.
As you like.

Kind regards
Christine
opk
Phoca Member
Phoca Member
Posts: 18
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk »

Thank you so much! It worked.
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Problem with positioning and styling

Post by christine »

That's fine. Thank you for your feedback.
Kind regards
Christine
User avatar
keerillcom
Phoca Member
Phoca Member
Posts: 26
Joined: 09 Oct 2019, 18:10

Re: Problem with positioning and styling

Post by keerillcom »

Good afternoon! And how did you overcome the fact that the labels under the basket are moving? You don't have a bucket icon, etc.
Post Reply