.slider-caption to be aligned center not only on mobile but all the time

Permalink Browser Info Environment
I am trying to figure out [.slider-caption] to be centered. (the text box inside slider image area)
i've tried with editing css: sliders.less, custom.less
however, it does not work. I can change background color, and font colors, but not the width of [.slider-caption] div or its position.

Let me know what is triggering [.slider-caption] to be positioned, and which less files need to be edited to change the positioning of the div.

Thanks in advance,
Hide

Type: Pre-Sale
Status: In Progress
View Replies:
shahroq replied on at Permalink Reply
shahroq
Adding this code to costom.less should do that:
.slider-caption {
   position: relative;
   margin: 0 auto;
}
gr8days replied on at Permalink Reply
Thank you for the quick reply Shahroq. It's solved!
For the reference, I've also added one line to cancel the left positioning from the original code slider.less. It's good to know custom.less is the only file that should be edited for this kind of customization. Thank you. :)
.slider-caption {
   position:relative;
   margin: 0 auto;
   left: 0; /*originally set as left: 15px; */
}

concrete5 Environment Information

Mozilla Firefox 55.03
Mac OS Sierra 10.12.6

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:55.0) Gecko/20100101 Firefox/55.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.