Cant find the style code for the class that I want to change

hassan kalach asked on October 25, 2017 16:53

Hello guys, I have a very weird situation where I just handled a project that was already configured on Kentico by someone else, but using templates and not web parts. I want to change the styles for the slider. Here is a part of the HTML code as it is shown on the browser:

<div class="slider rsDefault rsHor">
<div class="rsOverflow grab-cursor" style="width: 1903px; height: 569px;">
<div class="rsContainer" style="transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">

ok now my problem is that I want to change the styles for rsOverflow: style="width: 1903px; height: 569px;", but I cannot find it! I tried opening the project on visual and in that page the code is:

 <div class="slider rsDefault">
   <cms:CMSRepeater ID="CMSRepeater1" DelayedLoading="true" runat="server"                                      ClassNames="CMS_Elections.Slider" TransformationName="CMS_Elections.Slider.HomeSlider"                          OrderBy="NodeOrder" />
        </div>

So no styles here to manage, now I flipped to kentico, to find that under the above mentioned transformation we have only this line:

<div class="slide"><a href="<%# GetFileUrl("Image") %>" class="rsImg"></a></div>

So again I couldnt find the styles that I want to change. where could I possibly find the styles mentioned in this line? No stylesheets were created in kentico under stylesheets app.

kentico 10 styles classes

Recent Answers

Brenden Kehren answered on October 25, 2017 17:00

I'd check your javascript. Most likely there is an initialization script for the slider that is setting the height/width properties. Once you find out what slider plugin it is, you can typically set override css for it.

1 votesVote for this answer Mark as a Correct answer

Matt Nield answered on October 25, 2017 17:30

It also might be worth installing Search for Kentico. This is an awesome search tool that will look though all of your Kentico assets (tempaltes, web parts, layouts, transformations etc.) for the search terms that you enter.

1 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on October 30, 2017 09:51

Either it is hard-coded in the HTML or the previous developer made use of Javascript to inject styles on the run time.

Thanks, Chetan

0 votesVote for this answer Mark as a Correct answer