Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Not Solved [How To?] Resize my logo
#1
Not Solved
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.
Reply
#2
Not Solved
forum url is required so that someone can check it - in general we use css like width: 80%;
Reply
#3
Not Solved
(12-03-2014, 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/
Reply
#4
Not Solved
25% width might look fine
.wrapper a img {width:25%;}
Reply
#5
Not Solved
(12-03-2014, 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.
Reply
#6
Not Solved
^ 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
Reply
#7
Not Solved
(12-03-2014, 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/
Reply
#8
Not Solved
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;
}
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't seen it yet.
Don’t  Forget to “Mark as Solved” after the fix
Reply
#9
Not Solved
and along with above suggestion, please use earlier suggestion as is (NOT a img {width:25%;})
.wrapper a img {width:25%;} 
Reply
#10
Not Solved
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.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)