CODEWITHSUNDEEP
jqueryhtmlcssweb
yoni349
yoni349

Reputation: 117

Messed up slider picture dimension

I have built a website using Minamaze1.1.2 theme free addition. While changing the CSS code I somehow changed the dimension of the slider pictures. Now the left side isn’t proportional to the right.

You can see in the site address: http://springlogy.com/

Tried restore option, but ended up only erasing the work I did! How can I fix it??

Upvotes: 0

Views: 47

Answers (4)

Steven Ryan
Steven Ryan

Reputation: 41

Adding the following rule to line #922 of your css file will fix the problem.

padding-left:0px

The whole rule looks like this:

#slider .rslides {
    margin: 0;
    overflow: hidden;
    padding-left: 0;
}

Upvotes: 0

Justin Breiland
Justin Breiland

Reputation: 460

Your slider ul has 40px padding-left that is pushing it over.

Add

.rslides-inner .slides [
    padding:0;
}

Upvotes: 0

danhardman
danhardman

Reputation: 621

On the element #site-header #slider #slider-core .rslides-container .rslides-inner ul which is the ul containing the slider li items, you must have removed the padding: 0; rule.

Add that into the CSS and that will fix it.

I think the rule for that element is on line 922 of your style.css. Open it up and ctrl+f for #slider .rslides {

Add padding: 0; into that CSS class and it should fix it nicely.

Upvotes: 2

jbutler483
jbutler483

Reputation: 24529

Do you mean you wanted your slider's text aligned to the center?

If so, altering

 <div id="slider">

to

<div id="slider" style="text-align:center;">

would do the trick.

(please note. This could also have been placed in a css file, as shown below:)

#slider{
  text-align:center;
}

Upvotes: 0

Related Questions