Abbington Mega Template [Support Thread]

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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 13024

problem site
Attachment 13025

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

Quote:

---

Originally Posted by 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 13024

problem site
Attachment 13025

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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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:

Code:

---

display:none;

---

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


Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Add to #header-right in stylesheet.css:

Code:

---

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:

Code:

---

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

Quote:

---

Originally Posted by 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 www.therummagehole.co.uk if you could take another look for me please