-
AuthorPosts
-
andersonannem Friend
andersonannem
- Join date:
- November 2007
- Posts:
- 76
- Downloads:
- 17
- Uploads:
- 1
- Thanks:
- 12
- Thanked:
- 5 times in 1 posts
January 8, 2014 at 8:32 pm #193602Hi there.
Awesome template!
Here is the site I’m designing with this template:
http://ultimatecloset.net/BeMoreAwesomeInside the parallax area, how can I reduce the space at the top of the white area? Also, how can I adjust the space at the bottom (still within) the parallax area.
Thank you.
Anne
Css Magician FriendCss Magician
- Join date:
- October 2014
- Posts:
- 741
- Downloads:
- 43
- Uploads:
- 53
- Thanks:
- 114
- Thanked:
- 366 times in 263 posts
January 9, 2014 at 7:37 am #517877Hi Anne,
<blockquote>Inside the parallax area, how can I reduce the space at the top of the white area? </blockquote>
As seen in this screenshort , you can see your content has some <br> tag which causes space issue.<blockquote> Also, how can I adjust the space at the bottom (still within) the parallax area.</blockquote>
Please open templates/ja_appolio/css/custom.css file (if this file doesn’t exist, just create a new one into the same path) and add following CSS rule:
.section.parallax {
padding-top: 120px;
}
The 120px is param on our demo, it is the bottom (still within) the parallax area. You can change it to adjust the space as you wish.
andersonannem Friendandersonannem
- Join date:
- November 2007
- Posts:
- 76
- Downloads:
- 17
- Uploads:
- 1
- Thanks:
- 12
- Thanked:
- 5 times in 1 posts
January 9, 2014 at 10:16 pm #517959Hi there. I had added those spaces at the end so have the text appear more centered. Adding the css suggested to the custom.css file
seems to be working well on the first parallax area, it doesn’t appear to have changed the others.I’ll keep working on it.
Thank you.
Anne
andersonannem Friendandersonannem
- Join date:
- November 2007
- Posts:
- 76
- Downloads:
- 17
- Uploads:
- 1
- Thanks:
- 12
- Thanked:
- 5 times in 1 posts
January 9, 2014 at 11:57 pm #517962Just an FYI – this isn’t solved for all the parallax modules, it just seems to be solved for the first one.
Anne
Css Magician FriendCss Magician
- Join date:
- October 2014
- Posts:
- 741
- Downloads:
- 43
- Uploads:
- 53
- Thanks:
- 114
- Thanked:
- 366 times in 263 posts
January 10, 2014 at 3:38 am #517977Hi Anne,
Could you help to add note about the issue via screenshorts, it would help to figure out the solution better. I just take a look at your site, I see all the parallax modules look fine.Many thanks.
andersonannem Friendandersonannem
- Join date:
- November 2007
- Posts:
- 76
- Downloads:
- 17
- Uploads:
- 1
- Thanks:
- 12
- Thanked:
- 5 times in 1 posts
January 10, 2014 at 5:18 am #517998Hi CSS Magician.
I cleared and cleared and cleared my cache, never saw the change. Then I had to step away for a couple of hours and I looked again and
it looks like I want it to, so I guess case closed.I followed the instructions about in the custom.css.
Thanks for your reply.
Anne
1 user says Thank You to andersonannem for this useful post
nick mortensen Friendnick mortensen
- Join date:
- September 2014
- Posts:
- 35
- Downloads:
- 18
- Uploads:
- 6
- Thanks:
- 10
- Thanked:
- 11 times in 2 posts
March 17, 2014 at 2:01 pm #526989I loved seeing this image – if only because I regularly drive by the place you are doing the site for. Good to know there is another Joomlart member residing in the Green Bay, WI, USA area.
AuthorPostsViewing 7 posts - 1 through 7 (of 7 total)This topic contains 7 replies, has 3 voices, and was last updated by nick mortensen 10 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Reduce top and bottom space within Parallax position
Viewing 7 posts - 1 through 7 (of 7 total)