Public Forums 71,145 posts

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#200395

The principal wants the mission statement to show front and center on the website (we compromised on an abbreviated version with hyperlink). Checking the layout I was able to select POSITION-8 for placement on the home webpage.

The problem is a large gap of blank space after the text and before the next component.
NOTE: Attempted to upload screenshot multiple times but kept getting 500 Internal Server Error. Plan B – go to this hyperlink and click on attachment – http://www.centerwoods.net/index.php/school-info/mission

Two questions …
# 1 Is there anyway to reduce the size of the blank gap?
# 2 The mission text appears right against the left side. Used a table as my workaround to get a little space on the left size before the text. Is there a more elegant way to fix this?

Thanks.

[amine mak Friend amine makJoin date: July 2015Posts: 6Downloads:0Uploads:2 Thanks: 2]

#545359

go to the template manager => layout tab => then you can layout of your template positions

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#545387

Hi

This relates to the padding / margin of block where the mission text is showing. You can try with my workaround as below:
– Create a new css file called custom.css in this directory: /templates/purity_iii/css/
– Add these css rule:


.corporate .slideshow {
padding: 40px 0 0;
}

.corporate .slideshow .newsflash {
margin-left: 134px;
}


You can change to the above value to suit your needs.

Hope this helps.

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#545734

OK .. This moved the block of text to the right away from the left margin.

However, I still need to remove the extra blank space below the text.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#545740

Please change the css rule in my post above:


.corporate .slideshow {
padding: 40px 0 0;
}

to


.corporate .slideshow {
padding: 40px 0 0 !important;
}


1 user says Thank You to Saguaros for this useful post

1. greinert

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#545832

That fixed the problem.
Thank you for helping me with this.

[Author]

Posts