I have home page with categories showing very well but now I have to make some design related changes to show category without title and blocks with lines as box.

Current: enter image description here

Desired style: enter image description here Let me guide how to change category grid layout using css

  • It's not clear what you are asking. Could you add some screenshot? – Adarsh Khatri Sep 1 '16 at 9:00
  • @AdarshKhatri updated – Muhammad Muazzam Sep 1 '16 at 9:04
  • you have added this section from local.xml or any layout or in home directly please check and give us code of that file – Murtuza Zabuawala Sep 1 '16 at 9:29
  • my basic concern is to change category block layout – Muhammad Muazzam Sep 4 '16 at 9:07

This has been done by changing categories div properties inside theme styles.css file:

#Category-Grid .Categories {
float: left;
color: #606265;
width: 210px;
height: 249px;
padding: 0px 12px 0 12px;
margin-top: 1px;

border-style: dotted;
border-width: 0px 0px 1.9px 1.9px;
border-color: #e8e8e8;
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.