generalexperts Posted February 13, 2014 Share Posted February 13, 2014 (edited) I have a few things I need help with. (1.) I need help with moving the Social Network Links into the top right of my header. I have hooked it to the header (and my header is fixed). I can't get them to move to the top right and showing them all. The only one that shows on top is the Skype button. If you are able to magically get them to move to the top right please let me know what I would need to do to do that. (2.) I would like to add text to the top of the header. I would also like to have a background png behind the text. Any steps would be greatly appreciated. (3.) in the orange circle below there is a small little pixel removed from the header. How do I get rid of that? Again any help is greatly appreciated!! thanks in advance! Edited November 7, 2014 by generalexperts (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted February 13, 2014 Share Posted February 13, 2014 use styles: .isocial { display: block; position: absolute; clear: both; width: 400px; top: 17px; right: -250px; } Link to comment Share on other sites More sharing options...
generalexperts Posted February 13, 2014 Author Share Posted February 13, 2014 That worked! Thank you! Any ideas for the other two questions I have? Link to comment Share on other sites More sharing options...
vekia Posted February 13, 2014 Share Posted February 13, 2014 3) this small pixel is your logo, remove this code form header.tpl: <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/> </a> Link to comment Share on other sites More sharing options...
generalexperts Posted February 13, 2014 Author Share Posted February 13, 2014 That worked!Thanks again! Last but not least, how would I go about adding text freely up top with image behind it, overlaying the background. Link to comment Share on other sites More sharing options...
vekia Posted February 13, 2014 Share Posted February 13, 2014 you can use html block free module install it please, and go to modules > positions and search for displayTop modules list. move the html block free module to the top of this list. then open module configuration page, select "Top" hook, and use this code: (paste it to the right hand side text box) <div style="font-size:18px; color:white; position:absolute; top: 35px; left:20px;">TEST </div> Link to comment Share on other sites More sharing options...
generalexperts Posted February 13, 2014 Author Share Posted February 13, 2014 That worked!! I appreciate all your help! You can mark it as solved! Link to comment Share on other sites More sharing options...
vekia Posted February 14, 2014 Share Posted February 14, 2014 you're welcome glad to hear that i could help you marked as solved exactly as you suggested with regards, MIlos Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now