Icon box sizes

[mikaylatjie]

Hello! I'm using demo 4. On the home page there are 6 icons with boxes and each box has a hover animation applied to it.

1. What is the css code to set all boxes to a default size? One box has a different size?

2. Could you please send me the css that will remove the border and the animation?

3. Could you please send me the css that will make my header smaller? It is way too big. Even when I reduce the menu items it stays this big. I would like a slim header.

[mikaylatjie]

This reply has been marked as private.

[Diana]

@mikaylatjie

1. Can you please point out about which box you are referring. All these boxes have same icon class so whatever the css applied it is same for all boxes.

2.  When you edit the page in the backend, open the blcok of this icon box and remove the animation css from there. 3. Adjust Menu padding and click on published and open it in new tab to check from wp-admin > Appearance > Customize > Header > Adjust Menu Padding

[mikaylatjie]

It's the far right box right underneath the home page slider. It's the only one that has the wrong size.  

[mikaylatjie]

1. When I adjust menu padding, the log in, cart and search widgets disappear and the header stays the same size.

2. The log in, search icon and cart icon do not line up with menu text. Could you please advise which css to use in order to fix them?

[Diana]

This reply has been marked as private.

[mikaylatjie]

Hi Diana, 2. http://prntscr.com/kddi97 still doesn't seem to be the correct size. Sorry, the icons I was referring to were on the dev site at dev.aeroversity.co

1. Here's a shot.

For some reason the dev site seems to be missing some css, because there are no icon boxes on the dev site and the widgets (cart/login) are not aligned.     http://prntscr.com/kddgdh      

[Diana]

@mikaylatjie Icon Box Size: This is fixed now. You can check refer: http://prntscr.com/kdo1tj For cart alignment Paste this custom css in wp-admin > Appearance > Customize > Custom css ul.topmenu {margin-top: 4px !important;}

[mikaylatjie]

Wonderful! Much better :) Thank you Diana

[Diana]

@mikaylatjie, Welcome..!! Closing this topic

[Author]

Posts