Jump to content

How do I change 2 things in this header?

Becky Hayes
 Share

Recommended Posts

yaniv14 Newbie

yaniv14

Posted
Posted

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
yaniv14 Newbie

yaniv14

Posted
Posted

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
Becky Hayes Newbie

Becky Hayes

Posted
  • Author
Posted

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
Becky Hayes Newbie

Becky Hayes

Posted
  • Author
Posted

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
PascalVG Newbie

PascalVG

Posted
Posted

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
Becky Hayes Newbie

Becky Hayes

Posted
  • Author
Posted

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
Bob Wagstaff Newbie

Bob Wagstaff

Posted
Posted

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;
}

  • Like 1
Link to comment
Share on other sites
Becky Hayes Newbie

Becky Hayes

Posted
  • Author
Posted

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
Becky Hayes Newbie

Becky Hayes

Posted
  • Author
Posted

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
Bob Wagstaff Newbie

Bob Wagstaff

Posted
Posted (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 by Bob Wagstaff (see edit history)
Link to comment
Share on other sites
yaniv14 Newbie

yaniv14

Posted
Posted

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 :D

Link to comment
Share on other sites
Luck Newbie

Luck

Posted
Posted

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
 Share
Go to topic listing
×
×
  • Create New...