We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

How replace the logo of Simplicity theme with a another image of different size | Forum

Topic location: Forum home » Development » Themes
Eapen
Eapen Feb 2 '16
How replace the logo of Simplicity theme with a another image(png) of size of 165x57
Kяuncн Leader
Kяuncн Feb 2 '16
base.css and change height and width at .ow_logo Line: 325
KreativMind
KreativMind Feb 19 '16

Quote from Kяuncн base.css and change height and width at .ow_logo Line: 325

I added in the custom css section

.ow_logo {
    height: 130px;
    width: 120px;
}

Since it isn't good to edit direct theme files. My logo isn't changing size, it's just shifting over and lowering the menu onto the header image. Not sure why it's moving the menu down. I don't have anything else in my custom css and the simplicity theme is all default with no modifications.
Kяuncн Leader
Kяuncн Feb 19 '16


adjusting what's in red till you get your desired look.. OR as follows below,, either way will work...



.ow_logo {
background-image: url("https://groupad.com/assets/uploads/4994/logo.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 100%;
margin-right: 12px;
max-width: 76px;
width: 100%}

Or you can go long as follows:



.ow_logo {
background-image: url("http://www.allergan.com/...an/Allergan_Logo.png");
background-position: center -4px;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 100%;
margin-right: 22px;
max-width: 286px;
width: 100%}
The Forum post is edited by Kяuncн Feb 19 '16
KreativMind
KreativMind Feb 19 '16
Yeah I know that I can adjust that as well...but I didn't think that just changing the logo size a little bit would throw off the rest.  Thanks bro
Kяuncн Leader
Kяuncн Feb 19 '16
I extended that comment,, look above..
KreativMind
KreativMind Feb 20 '16
Thanks. I followed the first example to go tall. The width is perfect but I will need to move the header image down as the height of the logo is behind the header
Kяuncн Leader
Kяuncн Feb 20 '16

Quote from Monroe Thanks. I followed the first example to go tall. The width is perfect but I will need to move the header image down as the height of the logo is behind the header

ok
KreativMind
KreativMind Feb 20 '16
Didn't work...but good enough for now.
Kяuncн Leader
Kяuncн Feb 21 '16
Site url? I can join to better take a look to see what can be done,, up to you..
Krishnakumar
Krishnakumar Aug 20 '16
@Krunch, http://www.eduguru.net/ Could you please check my website and tell me what is the css I have to use to display my logo in this theme? Thanks in advance.
Darryl B Leader
Darryl B Aug 20 '16
@Krishnakumar
Add this to the custom css for the theme in the admin panel. The width setting was too narrow.

.ow_logo {
    width: 140px;}