Andover Modern Template Support Thread

Hello everyone,

I am working on my site and using the Andover Modern template. My logo is a square instead of a rectangle, so I have way too much empty space to the right of the logo. Is there a way to insert text and additional images to the right of the logo?
Any help or a link to a guide on how to accomplish this would be appreciated.

Thank you.

jaropales:

Hello everyone,

I am working on my site and using the Andover Modern template. My logo is a square instead of a rectangle, so I have way too much empty space to the right of the logo. Is there a way to insert text and additional images to the right of the logo?
Any help or a link to a guide on how to accomplish this would be appreciated.

Thank you.

You can adjust the spacing in the header by editing the stylesheet.css file. If you post a linki to your site I can take a look.

You can add anything to the header in the includes/templates/andover_modern/common/tpl_header.php file.

Thanks,

Anne

Thank you for your reply. I would like to fill the empty space with some text of maybe more images. I am not sure exactly, but I have to do something. Also, can I eliminate the margin between the top and the bottom of the logo, so that the empty space would be a little bit narrower (so that the logo would almost touch the top of the browser window on top and almost touch the top of the nav bar on the bottom)?

https://www.clayjungle.com

Thank you.

jaropales:

Thank you for your reply. I would like to fill the empty space with some text of maybe more images. I am not sure exactly, but I have to do something. Also, can I eliminate the margin between the top and the bottom of the logo, so that the empty space would be a little bit narrower (so that the logo would almost touch the top of the browser window on top and almost touch the top of the nav bar on the bottom)?

https://www.clayjungle.com

Thank you.

In your stylesheet.css file, change this:

#tagline {color:#b5b5b6;font-size: 1.65em;text-align :left;vertical-align:bottom;margin-left:10px;margin-bottom:25px;}
#logo {padding-top:15px;padding-left:15px;}

to this:

#tagline {color:#b5b5b6;font-size: 1.65em;text-align :left;vertical-align:bottom;margin-left:10px;margin-bottom:0px;}
#logo {padding-top:0px;padding-left:15px;}

Thanks,

Anne

Thank you. That is exactly what I was looking for. Is there a thread somewhere on here explaining how to edit the tpl_header.php file? I am not exactly sure how to go about adding some text next to the logo. I think that stylesheet will apply font and color, but how do I actually add the text.

Thank you.

jaropales:

Thank you. That is exactly what I was looking for. Is there a thread somewhere on here explaining how to edit the tpl_header.php file? I am not exactly sure how to go about adding some text next to the logo. I think that stylesheet will apply font and color, but how do I actually add the text.

Thank you.

You will edit the file with a plain text editor and add your xhtml code. If you do not know how to add xhtml I would recommend doing a google search for a beginners xhtml tutorial.

Thanks,

Anne

I need help :)

The pop up "Estimate Shipping" comes in all black, so somewhere I have made the background of that pop up box to be black, but don't know where to change that. I checked the stylesheet, but can't find what I need to change.

paperthreads:

I need help :)

The pop up "Estimate Shipping" comes in all black, so somewhere I have made the background of that pop up box to be black, but don't know where to change that. I checked the stylesheet, but can't find what I need to change.

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

Thanks,

Anne

hi anne,

site is http://www.adavendsolutions. com (business_template)
please click on "coffee machine solutions" (path=2)i have a large picture on the top of the page, kind of keeping with the theme.

my issue is that the drop down lists to choose the product are way at the bottom of the page, and there are the facebook/twtter links there too. they are fine for the main page but i feel that they just take up space on my products page. i would really like them closer to the picture, and perhaps the description underneath that.

is there some kind of sort order on the path=2 page? is that part of the css? can i drop the facebook /twitter links from the page on the path=2.php?

thanks in advance

picaflor-azul:

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

Thanks,

Anne

https://www.creatingamasterpiece.com

510ego:

hi anne,

site is http://www.adavendsolutions. com (business_template)
please click on "coffee machine solutions" (path=2)i have a large picture on the top of the page, kind of keeping with the theme.

my issue is that the drop down lists to choose the product are way at the bottom of the page, and there are the facebook/twtter links there too. they are fine for the main page but i feel that they just take up space on my products page. i would really like them closer to the picture, and perhaps the description underneath that.

is there some kind of sort order on the path=2 page? is that part of the css? can i drop the facebook /twitter links from the page on the path=2.php?

thanks in advance

You can rearrange elements on the product info page by editing the includes/templates/andover_modern/templates/tpl_product_info_display.php file.

Thanks,

Anne

paperthreads:

https://www.creatingamasterpiece.com

Add this to the stylesheet.css file:

#popupShippingEstimator{background:none;}

Thanks,

Anne

I was wondering where the code was to make changes to the the titles of the side box tabs. I was also wondering if there was how to change the banner titles.
Thanks

jhenrich:

I was wondering where the code was to make changes to the the titles of the side box tabs. I was also wondering if there was how to change the banner titles.
Thanks

I would recommend using the developers toolkit to find the text that you want to edit. See the FAQ's section for an article on how to use the developers toolkit.

Thanks,

Anne

Anne, I think I figured out how to place the additional text next to the logo on my site, but I am having difficulties with positioning. I can't figure out how to change the margins or float or what ever is setting the positioning for that particular div. It seems like I tried everything, but I am not successful in changing the positioning of the text. There is too much margin on top, and for some reason the text is aligned to the right no matter what I do. What I would like to achieve is the logo on the left, and several short lines of text next to it without too much space in between the lines.

Right now the spacing is way too off.

https://www.clayjungle.com

I assume that all this spacing is set up somewhere in the style sheet. If you could please point me in the right direction I would really appreciate it.
Thank you.

How do i take the verify your age field out of the new customer regrestration page? I also would like to know how to change the "new" features" and "specials" tabs that are on my home page?

Thanks

jaropales:

Anne, I think I figured out how to place the additional text next to the logo on my site, but I am having difficulties with positioning. I can't figure out how to change the margins or float or what ever is setting the positioning for that particular div. It seems like I tried everything, but I am not successful in changing the positioning of the text. There is too much margin on top, and for some reason the text is aligned to the right no matter what I do. What I would like to achieve is the logo on the left, and several short lines of text next to it without too much space in between the lines.

Right now the spacing is way too off.

https://www.clayjungle.com

I assume that all this spacing is set up somewhere in the style sheet. If you could please point me in the right direction I would really appreciate it.
Thank you.

Add this to the bottom of your stylesheet.css file:

#header-curr-lang p{position:relative;left:-480px;width:200px;}

Thanks,

Anne

jhenrich:

How do i take the verify your age field out of the new customer regrestration page? I also would like to know how to change the "new" features" and "specials" tabs that are on my home page?

Thanks

Please do a search on the forum for the age question as this has been asked and answered many times already.

What do you want to change specifically about the tabs?

Thanks,

Anne

I want to change the titles Instead of "New" I want to put something like "Just In"
Thanks

Thank you, Anne. That was exactly what I was looking for. The problem is resolved and I learnt something about CSS.
As always, your help is highly appreciated.
Thank you again :)