Justification and space on categories page

Author	« Topic »
ClaireArt Advanced Member 101 Posts	Posted - 09/04/2019 : 03:30:51 Hi I would like to make the following adjustments to the categories page https://www.claire-harrison.co.uk/shop/categories.php 1) The 4 categories left edge and the text and titles above it all need to be justified so that they are all in line. 2) The search and view cart at the top right hand side needs to be indented slightly so that there is a little white border on the right hand side. it is currently right up against the edge of the frame which looks odd. This is happening on every page. Many thanks Claire.
Vince Administrator 42455 Posts	Posted - 09/04/2019 : 04:17:16 Hi Claire For number 2, in the generic.css file around line 126 there is something like... padding: 30px 0px 18px 24px If you change that to say... padding: 30px 10px 18px 24px ...then that should do what you want there. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
ClaireArt Advanced Member 101 Posts	Posted - 09/04/2019 : 05:17:41 Hi Vince Perfect, thank you #2 is fixed! I'm assuming #1 is a bit more of a challenge? ;) Claire :)
Phil ECT Moderator United Kingdom 7617 Posts	Posted - 09/04/2019 : 05:37:14 For #1 In ectstyle.css find the following and add - text-align:center; /* The category page -------------------------------------/ div.category{ width:43%; float:left; line-height:1.6; font-size:0.9em; padding:10px; border:1px solid #ccc; margin:0px 0px 16px 16px; height:200px; text-align:center; } Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
ClaireArt Advanced Member 101 Posts	Posted - 09/04/2019 : 06:14:31 Hi Phil, I don't want the text centred. I want it all justified to the left... which it isn't currently doing?
Phil ECT Moderator United Kingdom 7617 Posts	Posted - 09/04/2019 : 06:19:25 Sorry I misunderstood :-) On this page here - https://www.claire-harrison.co.uk/shop/categories.php I'm seeing it as already aligned to the left. Are you referring to another page? quote: 1) The 4 categories left edge and the text and titles above it all need to be justified so that they are all in line. I'm seeing three categories * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback Edited by - Phil on 09/04/2019 06:20:59
ClaireArt Advanced Member 101 Posts	Posted - 09/04/2019 : 06:21:48 it is on the left but the 2 sentences are not quite aligned left in a straight line. And the text isn't in a straight line with the left edge of the categories beneath it. They all appear to 1-2px out of full left alignment.... I could be being really fussy... :)
Phil ECT Moderator United Kingdom 7617 Posts	Posted - 09/04/2019 : 06:32:03 Ahhh I see! Add this to your ectstyle.css file div.title, div.categorymessage{margin-left:5px;} * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
ClaireArt Advanced Member 101 Posts	Posted - 09/04/2019 : 06:39:12 Phil, thank you, you are a genius. That is perfect..! … I wasn't being toooo fussy then!? ha ha. Thank you, your help is really appreciated. have a great day :)
Sinbad ECT Moderator USA 65936 Posts	Posted - 09/04/2019 : 06:39:20 Hi Claire, in ectstyle.css look for the following around line 296 and adjust 4px down as needed. div.catname { padding-left: 4px; font-size: 1.2em; } Winners never quit, quitters never win CSS and Responsive Designs User Manual for Ecommerce Templates
	« Topic »