Home › Forums › All Other Themes › Mis-aligned responsive layout in Playground Theme
- This topic has 4 replies, 2 voices, and was last updated 4 years, 7 months ago by Sonl Sinha.
-
AuthorPosts
-
February 23, 2020 at 6:39 am #145167
hi, my site is https://iverenvironmentcentre.groundworksites.com/
There are 2 mis-aligned elements of the layout that I can’t seem to resolve. Can you assist please.
1. On the home page the 3 events don’t line up at the bottom of the coloured boxes. This mis-alignment is also showing as the size of the browser window chances, i.e in responsive mode.
2. The boxes on the ‘Environmental Education’ page are also not lining up in responsive mode. There should be 3 rows of 3 boxes. https://iverenvironmentcentre.groundworksites.com/what-we-do/environmental-education/
Can you assist with these responsive layout issues. Many thanks
Kirk
February 24, 2020 at 5:19 am #145629Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.courses-box { min-height:520px;} .page-id-33 .boxpattern-2 .serviceboxbg { min-height:545px;}
Regards,
BradFebruary 28, 2020 at 9:57 am #146058Thanks Brad, that has worked to align the course boxes on the home page, however is there a way to reduce the space between the image and the title, within the boxes?
thanks
Kirk
February 28, 2020 at 10:01 am #146059Actually Brad, don’t worry that is just the responsive aspect of the design.
no need for further action,
thanks
February 28, 2020 at 12:59 pm #146079Hi,
Kindly use this CSS to reduce the space between the image and the title.
.coursescols3 .class-image-box { height:auto;}
Regards,
Brad -
AuthorPosts
- You must be logged in to reply to this topic.