Page 1 of 2
Problem with positioning and styling
Posted: 24 May 2020, 00:50
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.
Re: Problem with positioning and styling
Posted: 24 May 2020, 01:33
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
Re: Problem with positioning and styling
Posted: 24 May 2020, 18:50
by opk
I think they're the latest versions for both. Freshly installed. Thanks for helping!
Re: Problem with positioning and styling
Posted: 25 May 2020, 14:27
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?
Re: Problem with positioning and styling
Posted: 25 May 2020, 17:42
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:
Check also your template / custom.css.
Kind regards
Christine
Re: Problem with positioning and styling
Posted: 25 May 2020, 18:42
by opk
Thank you! How can I make the radio buttons stay ticked like before?
Re: Problem with positioning and styling
Posted: 25 May 2020, 19:13
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
Re: Problem with positioning and styling
Posted: 26 May 2020, 00:50
by opk
Thank you so much! It worked.
Re: Problem with positioning and styling
Posted: 26 May 2020, 16:45
by christine
That's fine. Thank you for your feedback.
Kind regards
Christine
Re: Problem with positioning and styling
Posted: 17 Jun 2020, 10:23
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.