renjii Posted August 15, 2013 Share Posted August 15, 2013 (edited) Hi I'm using a default template. My company logo is 300x300 and it's overlapping the header bar (see attachment). May i know which part of the css i need to change so the logo won't be overlapping with the header bar. Thanks Edited August 17, 2013 by renjii (see edit history) Link to comment Share on other sites More sharing options...
Jiten rash (away) Posted August 15, 2013 Share Posted August 15, 2013 can u show us site..>if u do not want to overlap then u have to change its cs position..absolute Link to comment Share on other sites More sharing options...
renjii Posted August 15, 2013 Author Share Posted August 15, 2013 can u show us site..>if u do not want to overlap then u have to change its cs position..absolute Hi Jiten i drop u a pm for the link of my site. Link to comment Share on other sites More sharing options...
BWT Posted August 15, 2013 Share Posted August 15, 2013 You can make the image smaller to the size of the logo placeholder Link to comment Share on other sites More sharing options...
renjii Posted August 16, 2013 Author Share Posted August 16, 2013 You can make the image smaller to the size of the logo placeholder Hi T-Bone What is the size of the default theme logo ? I couldn't find where is the original picture to get the actual size. Link to comment Share on other sites More sharing options...
vekia Posted August 16, 2013 Share Posted August 16, 2013 this is default logo: http://demo.mypresta.eu/img/logo.jpg?1367707058 size: width: 209px; height: 52px; 1 Link to comment Share on other sites More sharing options...
renjii Posted August 16, 2013 Author Share Posted August 16, 2013 (edited) this is default logo: http://demo.mypresta....jpg?1367707058 size: width: 209px; height: 52px; Hi Vekia Is it possible to make the logo to have a spacing and align with the welcome ? I've highlight the part in red Edited August 16, 2013 by renjii (see edit history) Link to comment Share on other sites More sharing options...
NemoPS Posted August 16, 2013 Share Posted August 16, 2013 If you want to add a logo that big, you can try adding a fixed height to #header_logo so it matches yours Link to comment Share on other sites More sharing options...
vekia Posted August 16, 2013 Share Posted August 16, 2013 hello i don't know what you exactly expect, is there any chance to test your website? you want to change the logo size? you want to use the same logo (big) and change template ? Link to comment Share on other sites More sharing options...
renjii Posted August 16, 2013 Author Share Posted August 16, 2013 hello i don't know what you exactly expect, is there any chance to test your website? you want to change the logo size? you want to use the same logo (big) and change template ? Hi Vekia i've sent you my website link through PM What i want to achieve is i want leave empty spacing in between the top and bottom so it can align with the words and dont stick to the bar. The yellow box is where i want my logo to align with. Link to comment Share on other sites More sharing options...
BWT Posted August 16, 2013 Share Posted August 16, 2013 (edited) You can navigate to your theme folder/img and find the original logo then use that as a template size for the one you want, just open it in a photo editor like gimp or photoshop. You also may need to make the header space higher this can be done in the CSS file. Last year I saw a module you can "add anything" to it maybe this is something you can use to make the job a little easier for you if you can find it. Edited August 16, 2013 by T-Bone (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted August 16, 2013 Share Posted August 16, 2013 #header_right { position: relative; float: right padding: 0px; margin-top: -55px; } + #header_logo { top: 30px; z-index: 1; margin-bottom: 10px; position:relative } effect: 1 Link to comment Share on other sites More sharing options...
Recommended Posts