Redesign in Progress - Page 10

User 2088758 Photo


Senior Advisor
3,087 posts

Scott Swedorski wrote:
Here is what I have found out that fixes all issues.

Edit wireframe-theme.css

Under General Styles, use this block of code:
h1,h2,h3,h4,h5,h6,p,img,div,table,blockquote,ul,ol,dl,a,button,form,textarea { margin:0px 0; }
table,a, button, label { width:100%; }


Under Image Default Styles, remove this:
img { max-width:200px; }


I have done this with no results:

/************************************************
General Default Styles
************************************************/
h1,h2,h3,h4,h5,h6,p,img,div,table,blockquote,ul,ol,dl,a,button,form,textarea { margin:0px 0; }
table,a, button, label { width:100%; }

and removed the img{max-width:200px;}

/************************************************
Images Default Styles
************************************************/
img { margin-bottom: 0.4375em; display:inline-block; }

img.square { max-width:400px;}
img.skyscraper { max-width:200px; }
img.leaderboard { max-width:300px; }
img.rectangle { max-width:200px; }
img.map { max-width:400px; }
img.logo { max-width:200px; }
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 103173 Photo


VP of Software Development
0 posts

Are you using wireframe-theme.css or wireframe-theme-min.css Steven? You have to change the CSS file that is referenced in your page.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,087 posts

I was editing the wireframe-theme.css but I do see that it is not being called in my framework.

Here is what it is calling for:
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">

I tried adding the new code to the css in wireframe-theme.min.css but that had negative effects on my page. It removed all the margins. I could not find the default image size on that css page either.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 103173 Photo


VP of Software Development
0 posts

Steve wrote:
I was editing the wireframe-theme.css but I do see that it is not being called in my framework.

Here is what it is calling for:
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">

I tried adding the new code to the css in wireframe-theme.min.css but that had negative effects on my page. It removed all the margins. I could not find the default image size on that css page either.

Steve, you should know what to do here. ;)

<link rel="stylesheet" href="css/wireframe-theme.min.css">
Change that to :
<link rel="stylesheet" href="css/wireframe-theme.css">

Or you need to make the changes in the wireframe-theme.min.css file. We offer you a compressed and non-compresses CSS file. Only the compressed file is linked in.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,087 posts

Ok my bad :lol: I changed the stylesheet reference and almost 100% good! Thanks... the only thing is it still got rid of all the margins.

I am so excited its almost fixed!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 103173 Photo


VP of Software Development
0 posts

Steve wrote:
Ok my bad :lol: I changed the stylesheet reference and almost 100% good! Thanks... the only thing is it still got rid of all the margins.

I am so excited its almost fixed!

;)
Can you post a URL to the page you are still having problems with that has the CSS changes linked into it? Also, describe what you think it should be doing.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,087 posts

User 103173 Photo


VP of Software Development
0 posts

Steve wrote:
http://misterwebguy.com/ResponsiveWebguy2/

and the css is

http://misterwebguy.com/ResponsiveWebgu … -theme.css

Thanks. But what exactly are you still trying to adjust or what do you think is having an issue?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,087 posts

Oh and there should be margins on the rest of the page of 7px. Do you see that they all disappeared... look at the action buttons they are jammed together. And all the paragraphs are squished up into each other.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 103173 Photo


VP of Software Development
0 posts

Steve wrote:
Oh and there should be margins on the rest of the page of 7px. Do you see that they all disappeared... look at the action buttons they are jammed together. And all the paragraphs are squished up into each other.

Because your site is already built, you would need to use this block of code instead (img was removed).

h1,h2,h3,h4,h5,h6,p,img,div,table,blockquote,ul,ol,dl,a,button,form,textarea { margin:7px 0; }
table,a, button, label { width:100%; }


See if that helps.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

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.