Becky Hayes Posted June 14, 2013 Share Posted June 14, 2013 This is my header. How do I: 1. Get rid of the excess green area between Currency and Welcome? I will NOT be putting a logo here (I have the info in a text box). 2. Get rid of the excess gray area beneath the menu (home, blog, etc.)? Thank you! Becky Hayes www.BeckyHayes.com Link to comment Share on other sites More sharing options...
yaniv14 Posted June 15, 2013 Share Posted June 15, 2013 Your site is in maintanance mode, so I am unable to get in. Please enable your shop of add my ip to maintanance. Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 15, 2013 Author Share Posted June 15, 2013 @yaniv14 I have taken it out of maintenance mode. Thank you! Link to comment Share on other sites More sharing options...
yaniv14 Posted June 15, 2013 Share Posted June 15, 2013 1. You want to "shrink" the gap or you want to completely remove the green color? 2. You want to remove the gray background color or minimize the gap? Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 15, 2013 Author Share Posted June 15, 2013 @yaniv14 - shrink/minimize both. Again, thank you! Link to comment Share on other sites More sharing options...
yaniv14 Posted June 15, 2013 Share Posted June 15, 2013 I hope you ready for some modification, and you know how to work with ftp client & file editing. For minimizing the gap for your 1st question you will need to modify few css's 1. edit 'themes/thgr00027r/css/global.css' change line #51 from: height:192px; to height:142px; 2. edit 'themes/thgr00027r/css/global.css' change line #604 from: height:130px; to height:80px; 3. edit 'themes/thgr00027r/css/modules/blockuserinfo/blockuserinfo.css' change line #6 from margin-top:59px; to: margin-top:9px; 4. edit 'themes/thgr00027r/css/modules/blocktopmenu/css/superfish-modified.css' change line #6 from height:186px to: height:136px; 5. for the gray background you will need to replace the background image file with this file and place it inside 'themes/thgr00027r/css/modules/blocktopmenu/img/' (make sure you override the existing file. I suggest you make backups of all files you are changing, before you start. After making those changes make sure you have force compile turned on in BO and refresh your browser cache (ctrl + f5, 2-3 times). Link to comment Share on other sites More sharing options...
yaniv14 Posted June 15, 2013 Share Posted June 15, 2013 In section 4 please change it to 123px not 136px, I forgot to deduct the different in the size of the image. Also be aware in section 2 I mentioned to change to 80px and you changed to 180px Link to comment Share on other sites More sharing options...
yaniv14 Posted June 15, 2013 Share Posted June 15, 2013 Also for a cleaner look I would change in 'themes/thgr00027r/css/modules/blocktopmenu/css/superfish-modified.css' lines 161-165 from: li.sf-search { background: inherit; float: right; line-height: 25px; } to li.sf-search { background: inherit; float: right; line-height: 25px; margin-right: 10px; } Link to comment Share on other sites More sharing options...
yaniv14 Posted June 16, 2013 Share Posted June 16, 2013 Hi Becky, I saw that you have started with the chnages but never completed. Are you having any issues? Did you follow all the posts above? Yaniv M Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 16, 2013 Author Share Posted June 16, 2013 Have a few things to do today/tomorrow and will get back to this project soon. You don't know how much I REALLY appreciate your help! Now, if I could only get my stupid product pics to load - maybe I'll have better luck next time I try. I need to learn the quick way of loading because I'll have over 3,000 items! Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 16, 2013 Author Share Posted June 16, 2013 yaniv14 I finally got a chance to make the changes you advised me to make. You are SO smart - look at it now and see what you think - it looks great! I don't know why they make this program so hard to use. I'm use to using FrontPage WYSIWYG - so learning all these difficult techniques is a pain! Again, THANK you for all your help! Link to comment Share on other sites More sharing options...
PascalVG Posted June 16, 2013 Share Posted June 16, 2013 changes look good from here. Nice. Only thing a little 'out of context' is that currency block... To curve the block a little, do this: in file /themes/thgr00027r/css/modules/blockcurrencies/blockcurrencies.css (line 2) add the red lines: #currencies_block_top { float: right; padding: 6px; background: none repeat scroll 0 0 #ee74b8 height: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } Hope you like it, pascal. Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 18, 2013 Author Share Posted June 18, 2013 I'm not trying to be real picky...couldn't find a theme anywhere like I wanted...but here are a few other things I'd like to have done if someone has the time to pursue it. You don't know how much I have appreciated the help I have received so far! Prestashop needs to come out with some cute themes for people who sell scrapbooking and photo digital downloads - like you see on cute blogs! 1. I would like ALL the words to be at the top on one line - Welcome, login, cart, currency, contact, etc. 2. Get rid of border beneath gray top horizontal menu. 3. Have gray top horizontal menu "resting" on the line that is that top rectangle (top heading block????). 4. Then close up the extra green space at the top. I don't even know why it is there! 5. Is there anyway to get rid of the numbers on the sliders (beneath each pic)? 6. Header names are currently in all uppercase letters - I would like to have upper/lowercase letters. What I am trying to do is move things up so that when I have a visitor, they concentrate on the slider images and the text box. For anyone that can help me, I really appreciate it! And, if I need to start this as a new help question, I will be glad to do so. Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 18, 2013 Author Share Posted June 18, 2013 ..and... 7. How do you make the text box smaller at the top/bottom? There is too much space, but I don't see it in the HTML. Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 18, 2013 Share Posted June 18, 2013 Your shop is in maintenance mode, so we cannot see to help you Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 19, 2013 Author Share Posted June 19, 2013 Darn ... I keep forgetting this. I'm out of maintenance mode! Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 (edited) 1. #header_right #header_user { float: left; margin-top: -15px; width: 540px; margin-left: -200px; } #header_right { width: 960px; } .sf-menu { margin-top: -40px; } Edited June 19, 2013 by Bob Wagstaff (see edit history) Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 6. In your global stylesheet at line 303 text-transform is marked as uppercase, remove it to make it lower case 1 Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 2. At superfish-modified.css at line 15 you have the border settings for both 'webkit box shadow' and 'box shadow' remove these to remove the grey border 1 Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 5. .bx-pager {display:none} 1 Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 7. The text box has a margin at the bottom of 2em, while the whole box has a padding of 20px. You can alter these by changing the figures in the following code to whatever suits you .editorial_block { margin-bottom: 2em; } #page .rte { padding: 20px; } 1 Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 19, 2013 Author Share Posted June 19, 2013 WOW, such great responses! I'm still confused Bob Wagstaff - I wasn't sure where to make the changes. As you can see, things don't look right. I changed on superfish-modified.css: .sf-menu { margin: 10px 0; to .sf-menu { margin-top: -40px; } I tried several ways of doing this: #header_right #header_user { float: left; margin-top: -15px; width: 540px; margin-left: -200px; } #header_right { width: 960px; } but as you can see it didn't turn out right! This is what I have entered on global.css #header_right #header_user { #header_logo { float:left; display:block; margin-top:-15px; width: 540px; margin-left:-200px; } #header_right { position:relative; float: right; height:80px; margin-right:20px; width:700px; } I'd appreciate you unconfusing me - !! Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 19, 2013 Author Share Posted June 19, 2013 Bob Wagstaff - where is the text box so I can make these changes? I can't find it! Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 19, 2013 Author Share Posted June 19, 2013 Now I have a NEW problem - ever since I started making these changes. My categories do not have the little mark to the right indicating there are subcategories beneath them. And, if I click a category that I know has subcategories, everything is showing up wrong. Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 Bob Wagstaff - where is the text box so I can make these changes? I can't find it! The 2em margin is in beckyhayes.com/modules/editorial/editorial.css at line 2 The padding of 20px is in global.css line 533 1 Link to comment Share on other sites More sharing options...
Bob Wagstaff Posted June 19, 2013 Share Posted June 19, 2013 (edited) WOW, such great responses! I'm still confused Bob Wagstaff - I wasn't sure where to make the changes. As you can see, things don't look right. I changed on superfish-modified.css: .sf-menu { margin: 10px 0; to .sf-menu { margin-top: -40px; } I tried several ways of doing this: #header_right #header_user { float: left; margin-top: -15px; width: 540px; margin-left: -200px; } #header_right { width: 960px; } but as you can see it didn't turn out right! This is what I have entered on global.css #header_right #header_user { #header_logo { float:left; display:block; margin-top:-15px; width: 540px; margin-left:-200px; } #header_right { position:relative; float: right; height:80px; margin-right:20px; width:700px; } I'd appreciate you unconfusing me - !! You've somehow snuck some extra lines of css in there! You've got an extra #header_logo { in there! I guess you must have an extra closing brace somewhere in there too! Edited June 19, 2013 by Bob Wagstaff (see edit history) Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 20, 2013 Author Share Posted June 20, 2013 Please note this conversation has been resolved and is being pursued under a different conversation. THANK YOU EVERYONE! Link to comment Share on other sites More sharing options...
yaniv14 Posted June 20, 2013 Share Posted June 20, 2013 Hi Becky, If you want to fix the hover on the 1st menu item (Home) to match the design (round corners), you need to make 2 small changes. 1) 'superfish-modified.css' change line #19 from: padding: 0 5px; to: padding: 0 5px 0 0; 2) 'superfish-modified.css' add at the end (bottom) of the file .sf-menu li:first-child a:hover {border-radius: 15px 0 0 15px;} Why not make it perfect Link to comment Share on other sites More sharing options...
Becky Hayes Posted June 21, 2013 Author Share Posted June 21, 2013 Thank you yaniv14 - I did it! I have really changed things since I began this discussion! Link to comment Share on other sites More sharing options...
Luck Posted June 21, 2013 Share Posted June 21, 2013 Hi Becky, Did you do point 1? (" I would like ALL the words to be at the top on one line - Welcome, login, cart, currency, contact, etc.") I've tried but have not succeeded can you help me plesase? Excuse me, my english no is very good!!! Thks Link to comment Share on other sites More sharing options...
yaniv14 Posted June 23, 2013 Share Posted June 23, 2013 Hi Luck, Start a new topic with your question and attach a url to your site, and I am sure you will get help. Link to comment Share on other sites More sharing options...
Recommended Posts