Position carousel images lower

More
9 years 8 months ago #41282 by Danimeeka
Hi,

Using Chrome's inspect element I can see the css that controls the position of images in the carousel:
element.style {
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 3000px;
}

Where is this located? I would like to change top: 0px to top: 150px so that my images (which are not wine bottles, but samples of tea leaves) will appear central against the carousel background.

Thanks!

Please Log in to join the conversation.

More
9 years 8 months ago #41287 by ivan.milic
You can simply add code like this at bottom of your template main css file:

.carousel-wrap > UL{
top: 150px!important;
}
The following user(s) said Thank You: Danimeeka

Please Log in to join the conversation.

More
9 years 8 months ago #41312 by Danimeeka
Thankyou, that worked! I actually then moved the code into a custom.css file and was happy to see it still worked.

Please Log in to join the conversation.

More
9 years 8 months ago #41313 by Danimeeka
Correction - the code only works if I place the code into template_css.css. As you advised.

Please Log in to join the conversation.

Time to create page: 0.284 seconds
Powered by Kunena Forum