So I had recently gotten my logo done in illustrator however, the image is way to big. I will provide a Gyazo screenshot down below to explain what I mean. I would want to know how would I properly get the right size?
http://gyazo.com/c124561024ae82fb98dce0ee390c88e5
As you can see, this is way too big, I tried editing it with the CSS although it just moves it down where it would cover up the forum boards.
forum url is required so that someone can check it - in general we use css like width: 80%;
(2014-12-03, 05:08 AM).m. Wrote: [ -> ]forum url is required so that someone can check it - in general we use css like width: 80%;
Here you go man. Please help, I will greatly appreciate it.
http://prodigycoding.host56.com/
25% width might look fine
.wrapper a img {width:25%;}
(2014-12-03, 05:21 AM).m. Wrote: [ -> ]25% width might look fine
.wrapper a img {width:25%;}
Could you please describe more on what you are talking about? Could you also explain step by step on what to do and how to do you it. Those sentences made no sense.
^ oh! from your first post I assumed that you know how to edit the css
admin panel >> Templates & Style >> Themes >> click on Prodigy --> click on global.css
--> at the top click on Edit Stylesheet: Advanced Mode --> at the bottom add suggested style code and save
visit your forum and hard refresh your browser (eg. press CTRL + F5) and check the changes
(2014-12-03, 05:38 AM).m. Wrote: [ -> ]^ oh! from your first post I assumed that you know how to edit the css
admin panel >> Templates & Style >> Themes >> click on Prodigy --> click on global.css
--> at the top click on Edit Stylesheet: Advanced Mode --> at the bottom add suggested style code and save
visit your forum and hard refresh your browser (eg. press CTRL + F5) and check the changes
Thank you very much. However, now my forum items are aligned very weirdly. You know my websites name. I will still provide you with a screen shot, I the forum items to be aligned to the right. I am assuming that it will deal with something like; float: right;. I don't know where to put this though.
http://gyazo.com/affdd1761ae41c84de35c41af83c4946
http://prodigycoding.host56.com/
in global.css remove the width attribute for #logo...
change this....
#logo {
background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
width: 447px;
}
to this...
#logo {
background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
}
and along with above suggestion, please use earlier suggestion as is (
NOT a img {width:25%;})
.wrapper a img {width:25%;}
Why can no one be good at what they are talking about. .wrapper a img {width:25%;} this code made it look somewhat better than #logo {
background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
}
however the only problem I get when I am using the first piece of code is that these things are not properly aligned to the right of the page.
I am still needing assistance with the items going to the right.