Classic Grid Block

[ppe29]

I want the orange section at the beginning of www.pumphoists.com to mirror the orange section (with the truck and 3 blue buttons) on www.preferredpump.com

I set it up on pumphoists.com the exact same way as I did on preferredpump.com but the results are different looking in pumphoists.com

1. The preview I work with does not show the buttons in one line like the preview in preferredpump.com. I used 3 buttons. I set it to 3 columns. And I put 30px padding. Is there a bit of custom CSS code in preferredpump.com that I need to duplicate in pumphoists.com to be able to see the buttons aligned properly in preview mode?

2. In preview mode, the buttons are also showing bullets before each button. (I figured this out)

3. The buttons are not centered on pumphoists.com but they are in preferredpump.com (I figured this out)

4. How do I change the color of the buttons from orange to blue and the color of the button text on active and hover? Is that done at the global CSS level or in the CSS in the element?

[rad]

HI @ppe29,

Thanks for reaching out.

I checked and compared the two and both grids have the same layout, but in http://www.pumphoists.com/, it has more spacing due to layout’s max-width.

pumphoists.com = max-width: 1140px;
preferredpump.com = max-width: 1170px;

1. It’s based on max-width and existing content, the only way to make it identical is made the layout max-width and content the same, the font should be same, and the button’s content should also the same. That will, of course, will make all the dimensions identical. Just compare the length of the button, they aren’t the same hence creating an illusion that the spaces aren’t the same. And in http://www.preferredpump.com/, you set the font size to 36px which of course, will set the text bigger than http://www.pumphoists.com/ that uses default font size for h3.

2. 3. Glad they are okay now.

3. Since you’re using shortcodes within grid, then you can check this for further implementation of colors https://theme.co/apex/forum/t/customizations-implementing-additional-button-colors/206

Thanks!