Problem with positioning and styling

[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.

[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]

I think they're the latest versions for both. Freshly installed. Thanks for helping!

[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]

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:



Check also your template / custom.css.

Kind regards
Christine

[opk]

Thank you! How can I make the radio buttons stay ticked like before?

[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]

Thank you so much! It worked.

[christine]

That's fine. Thank you for your feedback.
Kind regards
Christine

[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.