ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
SOLVED Align Page Content and Block Content Wordpress
-
-
- Tom Camp
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
-
I'm struggling to align a page content block and a block content particle to their respective top of the feature grid on my front page. I've tried using custom HTML and CSS instead of a block content particle. I could get them aligned using custom html and custom css, but I had to use a css margin setting of -175px, which obviously caused overlay issues when the display sized for phone.
I added some self align css as suggested in an earlier post, but maybe I have the classes or IDs wrong?
]#blockcontent-6067-particle .entry-content { align-self: flex-start; }
This image is hidden for guests.
Please log in or register to see it.
Hopefully it's something simple I've missed.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use this code...
Also add block variation "no margin top" and "no padding top" to the particle on the left in feature section.#g-feature .g-block { align-self: flex-start } h1.entry-title { margin-top: 0; }
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .
Remember to recompile CSS from base outline too.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.065 seconds