Abbington Mega Template [Support Thread]

ben harry:

Hi, im sure this is a simple task within stylesheet_mega_menu.css but after spending ages searching around google im stuck on the following: How do i add a seperater line between the links in mega menu.....

Thanks

If you post a link to your site I can take a look.

If you just want to add a pipe you can add this after the links in includes/templates/abbington_mega/common/tpl_meg_menu.php file.

Thanks,

Anne

godt:

You are right Anne,

Not at all sure what the error is, as a backup reloaded with the same error/s. So now involved in a rebuild from scratch. Oh well.

I am sorry to hear that! You might try doing a google search for "client denied by server configuration" or switching web hosts.

Thanks,

Anne

site is http://www.bodykitsonline.co.uk/subaru i would like to have a vertical seperator line (or pipe if this is what its called) between the links in the menu, basically the same as what is in the menu in this forum, also how do i get the hover colour box to be deeper so when it is hovered over the secondary colour highlights the whole menu bar between the pipes....... Hope that makes sense......

hello i need help . with footer and side columns stuffs ..

firstly i need to tell you that i am very new in zencart. so forgave me if i asked any stupid questions .

my shop link httP//stuffs4shop.com

well i need to delete Important Link column placed in right side .

and also i want to know how i can delete TABS like in image below i need to delete Information and Quick Link Tab

and i need help in footer thing in footer i am not able to find via or credit card logos

also in footers i need to delete some links from Customer Service Columns and other

in below image i highlighted the text in red those thing i need to delete .

Stuffs4Shop:

hello i need help . with footer and side columns stuffs ..

firstly i need to tell you that i am very new in zencart. so forgave me if i asked any stupid questions .

my shop link httP//stuffs4shop.com

well i need to delete Important Link column placed in right side .

and also i want to know how i can delete TABS like in image below i need to delete Information and Quick Link Tab

and i need help in footer thing in footer i am not able to find via or credit card logos

also in footers i need to delete some links from Customer Service Columns and other

in below image i highlighted the text in red those thing i need to delete .

You can turn on/off any sideboxes in admin--tools--layout boxes controller.

See the readme.html file for how to turn off or hide the mega menu items adn for help with the cc logos in the footer.

Edit the includes/languages/english/extra_definitions/abbington_mega/footer_menu_defines.php file to add/remove links in the footer menu.

Thanks,

Anne

Hello Anne,

How can I reduce / remove the space between the slide show and the controls below it - there currently is about 3cm of wasted blank space between bottom of slide show box and top of controls.

cheers, Mike

shags38:

Hello Anne,

How can I reduce / remove the space between the slide show and the controls below it - there currently is about 3cm of wasted blank space between bottom of slide show box and top of controls.

cheers, Mike

You can edit the stylesheet_slides.css file. If you want to make css changes and do not know what line of the file to edit, I would recommend using the firefox web debeloper tools or firebug.

Thanks,

Anne

ben harry:

site is http://www.bodykitsonline.co.uk/subaru i would like to have a vertical seperator line (or pipe if this is what its called) between the links in the menu, basically the same as what is in the menu in this forum, also how do i get the hover colour box to be deeper so when it is hovered over the secondary colour highlights the whole menu bar between the pipes....... Hope that makes sense......

Is this possible? I've searched around and I can't find anyone else that has asked for the same design....

ben harry:

Is this possible? I've searched around and I can't find anyone else that has asked for the same design....

Yes, almost anything is possible with css ;) or if you just want to add a pipe, it can be added to the xhtml in the includes/templates/abbington_mega/common/tpl_mega_menu.php file.

With css you can add this to stylesheet_mega_menu.css:

.mega-menu li a {border-right:1px solid #fff(or whatever color);}
.customer_service .drop{border:none;}

For the hover you will need to play with the paddings/margins.

Thanks,

Anne

picaflor-azul:

You can edit the stylesheet_slides.css file. If you want to make css changes and do not know what line of the file to edit, I would recommend using the firefox web debeloper tools or firebug.

Thanks,

Anne

Anne,

where might I find the stylesheet_slides.css file? it doesn't reside in includes/templates/abbington_mega/css with all the other css files

thanks, Mike

shags38:

Anne,

where might I find the stylesheet_slides.css file? it doesn't reside in includes/templates/abbington_mega/css with all the other css files

thanks, Mike

I see this file in the includes/templates/abbington_mega/css of the template package. If you have removed it or moved it somewhere else, you can re-upload it from the template package.

Thanks,

Anne

picaflor-azul:

I see this file in the includes/templates/abbington_mega/css of the template package. If you have removed it or moved it somewhere else, you can re-upload it from the template package.

Thanks,

Anne

Thanks Anne - I found the file and uploaded it but I am not sure what I should be altering? Additionally the first site I used this template on doesn't have that particular css file in it either but positioning is fine. Below are 2 screen shots - the first is Dazzlers, the first site, and all is fine (proportionate) - the second shot is where the two (2) problems lie, one being the slider controls and the other is the enormous gap between my logo and the start of the main block / menu.

It would be appreciated if you could provide detail of exactly which data needs to be altered.

[Attachment no longer available]

problem site
[Attachment no longer available]

stylesheet_slides.css code

#container {width:550px;padding:10px;margin:0 auto;position:relative;z-index:0;margin-bottom:0px;}
#example {width:550px;height:302px;position:relative;}
#slides {position:absolute;top:0px;left:4px;z-index:100;}
.slides_container {width:550px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:550px;height:302px;display:block;}
.slides_container a img {display:block;}
#slides .next,#slides .prev {position:absolute;top:87px;left:-24px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:550px;}
.pagination {margin:26px auto 0; width:100px;margin-top:-20px;float:right;position:relative;z-index:18000;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

many thanks, Mike

p.s. after posting I saw that the screenshots were a bit small but hopefully you can see the large empty spaces I am trying to point out

shags38:

Thanks Anne - I found the file and uploaded it but I am not sure what I should be altering? Additionally the first site I used this template on doesn't have that particular css file in it either but positioning is fine. Below are 2 screen shots - the first is Dazzlers, the first site, and all is fine (proportionate) - the second shot is where the two (2) problems lie, one being the slider controls and the other is the enormous gap between my logo and the start of the main block / menu.

It would be appreciated if you could provide detail of exactly which data needs to be altered.

[Attachment no longer available]

problem site
[Attachment no longer available]

stylesheet_slides.css code

#container {width:550px;padding:10px;margin:0 auto;position:relative;z-index:0;margin-bottom:0px;}
#example {width:550px;height:302px;position:relative;}
#slides {position:absolute;top:0px;left:4px;z-index:100;}
.slides_container {width:550px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:550px;height:302px;display:block;}
.slides_container a img {display:block;}
#slides .next,#slides .prev {position:absolute;top:87px;left:-24px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:550px;}
.pagination {margin:26px auto 0; width:100px;margin-top:-20px;float:right;position:relative;z-index:18000;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

many thanks, Mike

p.s. after posting I saw that the screenshots were a bit small but hopefully you can see the large empty spaces I am trying to point out

It sounds like you are using an old version of the template package? I would recommend using the latest version available in the plugins section.

Thanks,

Anne

Thanks Anne - the site with the correct layout is using the original template version, the problem site is using the latest version :) - that aside either version will have the required setting adjustments, right?

I have been looking through various .css files for a while now and am getting confused and frustrated. Simply put where can I find the 'padding' or other appropriate adjustments to get rid of these ghastly gaps :) 1. under the logo position, 2. under slide box between slide box and slide tools

I can find this in stylesheet.css #logo {padding-top:15px;padding-left:0px;} but this doesn't have a bottom padding adjustment and I cannot find the others - tried adjustments in stylesheet_slides.css without any effect. I have even tried comparing one .css file against another from a different site (I use this template on 8 sites) but it became very confusing and frustrating trying to find Wally :)

I hope you can highlight the files and lines where I can find these adjustments.

kind regards, Mike

shags38:

Thanks Anne - the site with the correct layout is using the original template version, the problem site is using the latest version :) - that aside either version will have the required setting adjustments, right?

I have been looking through various .css files for a while now and am getting confused and frustrated. Simply put where can I find the 'padding' or other appropriate adjustments to get rid of these ghastly gaps :) 1. under the logo position, 2. under slide box between slide box and slide tools

I can find this in stylesheet.css #logo {padding-top:15px;padding-left:0px;} but this doesn't have a bottom padding adjustment and I cannot find the others - tried adjustments in stylesheet_slides.css without any effect. I have even tried comparing one .css file against another from a different site (I use this template on 8 sites) but it became very confusing and frustrating trying to find Wally :)

I hope you can highlight the files and lines where I can find these adjustments.

kind regards, Mike

If you post a link to the site with the problem I can take a look.

Also, if you use the firefox web developer tools or firebug, they will help you to figure out which line of which file needs to be edited ;)

Thanks,

Anne

picaflor-azul:

If you post a link to the site with the problem I can take a look.

Also, if you use the firefox web developer tools or firebug, they will help you to figure out which line of which file needs to be edited ;)

Thanks,

Anne

Hi Anne,

here is the site www.treeoflife.net.au/tree_of_life_store/ this is the main offender but also have the problem with this site www.treeoflifejewellery.com.au

Thank you in advance,
Mike

shags38:

Hi Anne,

here is the site www.treeoflife.net.au/tree_of_life_store/ this is the main offender but also have the problem with this site www.treeoflifejewellery.com.au

Thank you in advance,
Mike

Add to #header-right in stylesheet.css:

display:none;

You can also add a margin-top to the #mega-wrapper in stylesheet_mega_menu.css if you like.

Thanks,

Anne

picaflor-azul:

Add to #header-right in stylesheet.css:

display:none;

> 
> You can also add a margin-top to the #mega-wrapper in stylesheet_mega_menu.css if you like.
> 
> 
> Thanks,
> 
> Anne

Hi Anne,

the first bit worked 'Add to #header-right in stylesheet.css: ```
display:none;
```' - reduced gap between logo and top of centre box, but I still have a big gap between bottom of slide show box and the slider controls - [this didn't fix it 'You can also add a margin-top to the #mega-wrapper in stylesheet_mega_menu.css if you like.']

<http://www.treeoflife.net.au/tree_of_life_store/> 

what else can you offer?

cheers,
Mike

Tried firebug but regretfully must ask a question, I apologize for asking something so trivial!
On the attributes how do I flip flop the comments and place under the drop down menu?
Default is:

Please Choose:

Please Call to inquire about other sizes (comment for drop down)

Available Sizes: Drop Down Menu here

I need the comments to be under the Drop down instead of above it, make sense?

Thanks in advance

therummagehole:

hmmm, not sure what happened there. I've re-uploaded the slides but still only getting a loading circle

Hi Anne,

I've looked at every solution i think possible and nothing is fixing the problem. Still only getting a loading circle on my slides. website is https://www.therummagehole.co.uk if you could take another look for me please