-
Posts
-
Hello,
I have created a one page website and I have inserted a ‘layer slider’ some place at the page (not in top) How and where can I insert the
#someting tag (anchor) so it can scroll down to the layer slider?What I have done so far is, that I have inserted a ‘colour section’ just over the layer slider without content, no padding etc. It scrolls fine down to this section but there is still some ‘whitespace’. Can I removed this white space with some custom class in the ‘colour section’ I have used or is there another way to do this?
have you set the min-height of the color section to 0?
Some stuff that can increase the height of an element: min-height, height, padding, margin
A link to the website would help to check what is causing the white space.To add IDs to other elements then color sections please use this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Hi,
I think I have done all that I can do in the settings for the ‘colour section. Please have a look here: http://www.3loptest.dk
then click on the main menu item “about us” then you will see that there are some white space above the layer slider.min-height is currenty set to 100px
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
.avia-section { min-height: 0px; }site looks good so far, i’d suggest to look at the transparent menu since its hard to read it with some of the background images.
Maybe some decent text effects like a white shadow might help. would need some testing to see what looks good :)So I should copy your code (.avia-section {
min-height: 100px;
}and paste it into the custom css and change “100px” to “0px”?
Will this affect other places where I have used the colour section to 100px?
correct, i should have written my code with 0px. i’ll change that so you just have to copy it.
That code will affect all color sections. it will reduce the minimum height to 0px.
.avia-section{ min-height: 0px; }targets all color sections (class name)
you could change such properties of elements that have and id with:
#about { min-height: 0px; }to change only the minimum height of the color section with the ID “about”
Hey!
Thank you for using the theme!
Please add this on Quick CSS or custom.css:
div#about { min-height: 0; margin-top: -2px; }Regards,
Ismael
- The topic ‘Achor point: Layer Slider’ is closed to new replies.