Problem with positioning and styling

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

Problem with positioning and styling

Post by opk » 24 May 2020, 00:50

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: 7530
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Problem with positioning and styling

Post by Benno » 24 May 2020, 01:33

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 Newbie
Phoca Newbie
Posts: 6
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk » 24 May 2020, 18:50

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

opk
Phoca Newbie
Phoca Newbie
Posts: 6
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk » 25 May 2020, 14:27

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: 2000
Joined: 28 Nov 2010, 17:20

Re: Problem with positioning and styling

Post by christine » 25 May 2020, 17:42

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 Newbie
Phoca Newbie
Posts: 6
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk » 25 May 2020, 18:42

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

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

Re: Problem with positioning and styling

Post by christine » 25 May 2020, 19:13

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 Newbie
Phoca Newbie
Posts: 6
Joined: 23 May 2020, 22:56

Re: Problem with positioning and styling

Post by opk » 26 May 2020, 00:50

Thank you so much! It worked.

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

Re: Problem with positioning and styling

Post by christine » 26 May 2020, 16:45

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 » 17 Jun 2020, 10:23

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