Redesign in Progress - Page 5

Feb 17th, 2014 at 11:34 AM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Thanks Per,

Not at my desk right now but I will give it a try later and let you know.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 11:53 AM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Regretful to inform this did not help Per.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:00 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Ok I left this up to demonstrate to you guys when it is working properly. There is something in this line of code that is messing it up.

a,blockquote,button,div,dl,form,h1,h2,h3,h4,h5,h6,img,ol,p,table,textarea,ul

{margin:7px 0}

I changed it back to what i posted below:

a,blockquote,button,div,dl,form,h1,h2,h3,h4,h5,h6,img,ol,p,table,textarea,ul

{margin:0px 0}


Works but everything now lost its margins and is pushed up.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:17 PM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

I would try adding this line just after what I suggested earlier:

.ws_images a ul li img {margin: 0 0 0 0;}

Also, go back to the original in the first rule: {margin: 7px 0; }
(and don't forget the closing semicolon after the "0"! ;) )

EDIT: Added "img" to make it complete...
Per
www.mingas.com
Feb 17th, 2014 at 12:24 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Yup did that already. I have changed to what you suggested and still the same results.

Here is what i put:

a,blockquote,button,div,dl,form,h1,h2,h3,h4,h5,h6,img,ol,p,table,textarea,ul

{margin:7px 0;}


.ws_images {margin: 0 0 0 0;}


It has to be the div, img, or ul that is causing the problems.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:30 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

I even just tried putting the wowslider in its own div:

<div id="wowslider">slider here</div>

set all margins to 0 in the main.css

#wowslider {

position:relative;
margin-top:0;
margin-bottom;0;
margin-left:0;
margin-right:0;

}

still no effect
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:38 PM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

I am a bit confused now....
Did you try this combination (with no other changes):

a,blockquote,button,div,dl,form,h1,h2,h3,h4,h5,h6,img,ol,p,table,textarea,ul{margin:7px 0;}
.ws_images {margin: 0 0 0 0;}
.ws_images a ul li img {margin: 0 0 0 0;}


The problem is inside the wow container, so I wouldn't expect wrapping that container in another div with zero margins would solve it...
Per
www.mingas.com
Feb 17th, 2014 at 12:47 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Ok i have reverted all changes i made. I set the contents in the wireframe-theme.min.css to the following:

.ws_images {margin: 0 0 0 0;}
.ws_images a ul li img {margin: 0 0 0 0;}

Still has no effect.

I was thinking to go into the css for the wow slider and setting the margins to 0 there.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:54 PM
User 2088758 Photo

Steve
Senior Advisor
3,087 posts

Ok I had a thought. The RLM calls on three different style sheets as follows:

<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">

As a test I have added the below code to all of these style sheets. Its still not overiding the css of the RLM :(

.ws_images {margin: 0 0 0 0;}
.ws_images a ul li img {margin: 0 0 0 0;}

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Feb 17th, 2014 at 12:56 PM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Steve wrote:
I was thinking to go into the css for the wow slider and setting the margins to 0 there.

As far as I could see earlier, most margins are already set to zero there, except for the div itself, i.e. <div class="ws_images">, and that is why I started with that one immediately after the rule that causes the problem.

At this point, I'm all out of ideas. Sorry if I led you into a wild goose chase here! :/
(time for dinner, so I'm stepping away for a while...)
Per
www.mingas.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.