Joomla Templates Club 406,261 posts

[koetzing Friend koetzingJoin date: January 2016Posts: 17Downloads:18Uploads:0 Thanks: 2]

#872450

Is it possible to change Position for this Elements: http://prntscr.com/9wvnqc

When i do it in style.less, it does not matter (what has i to do)?

/templates/ja_platon/acm/slideshow/style.less

.slider-content {
position: absolute;
z-index: 2;
color: @white;
text-align: left;
bottom: @input-height-base + @t3-global-margin*3;
left: @container-tablet/18;
padding: 0 @container-tablet/18 0 0;
height: auto;
display: block;
width: 50%;

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#873322

Hi,

My solution below will help you to do that

Create templates/ja_platon/css/custom.css file, add new rule

.acm-slideshow .owl-carousel .item .slider-content {
    text-align: right !important;
    top: 118px !important;
    left: inherit !important;
    bottom: inherit !important;
    right: 0px !important;
}

Hope it helps

Regards

[koetzing Friend koetzingJoin date: January 2016Posts: 17Downloads:18Uploads:0 Thanks: 2]

#873546

Thanks, yes i understand …

• i want to move the whole block, but I did not find the right style css stylesheet … sorry
• and on a other way i want to slide the pictures only to the right site, but i have a black rectangle in pictures to save KB space.

here you can look at this site http://www.koetzingit.de

[koetzing Friend koetzingJoin date: January 2016Posts: 17Downloads:18Uploads:0 Thanks: 2]

#873647

Nice, i hope its right: thanks Problem solved.

This ist my solution for "change Position for slider-content in slider"

/* slideshow elements */
.acm-slideshow .owl-carousel .item .slider-content {
    text-align: left !important;
    top: 118px !important;
    left: inherit !important;
    bottom: inherit !important;
    right: 0px !important;
}

.acm-slideshow .owl-carousel .item .slider-content .item-desc {
  margin: 0 0 0 60px !important;
}

.acm-slideshow .owl-carousel .item .slider-content .item-title {
    margin: 0 0 0 60px !important;
  font-size: 20px !important;
}

.acm-slideshow .owl-carousel .owl-pagination {
    top: 318px !important;
    left: inherit !important;
    right: 20px !important;
}

[Author]

Posts