Abbington Mega Template [Support Thread]

[picaflor-azul]

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

[shags38]

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

[picaflor-azul]

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

[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

[picaflor-azul]

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

[shags38]

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

[picaflor-azul]

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

[shags38]

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

[uswebworx]

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