Need help with coding

Store Builder Questions
1

Hello,



How do I Place images with links next to each other.

I want to place logos next to each other, on the bottom of my website.



Any help will be much appreciated.

Tom

2

How about placing a HTML block at the bottom position, then you could set it up anyway you like.

3

Hello,





No that will not work.

Thank you

4

I guess you want it below the standard footer then? If so then go to file

/skins/{your template}/customer/bottom.tpl go to very bottom and add what you need or use a hook (which I know very little on).

5

[quote name=‘dsdewitt’]I guess you want it below the standard footer then? If so then go to file

/skins/{your template}/customer/bottom.tpl go to very bottom and add what you need or use a hook (which I know very little on).[/QUOTE]



That did the trick.

Thank you

6

[quote name='dsdewitt' timestamp='1303923163' post='111074']

I guess you want it below the standard footer then? If so then go to file



/skins/{your template}/customer/bottom.tpl go to very bottom and add what you need or use a hook (which I know very little on).

[/quote]



This worked for me as well, accept if I do anything to styles/CSS, then the entire footer/bottom completely disappears. Is there a way to modify

text and link styles without loosing everything?



Thank You!

7

[quote name='nikmark' timestamp='1319571232' post='124544']

This worked for me as well, accept if I do anything to styles/CSS, then the entire footer/bottom completely disappears. Is there a way to modify

text and link styles without loosing everything?



Thank You!

[/quote]



You have 2 basic options:


  1. Put a parent class around your custom footer code and then create custom styles for that class

    .myclass a:hover {

    css;

    }



    You really should do this using mychanges addon so you make upgrading easier.


  2. Use inline css (not ideal).
8

[quote name='whiplash13' timestamp='1319634755' post='124589']

You have 2 basic options:


  1. Put a parent class around your custom footer code and then create custom styles for that class

    .myclass a:hover {

    css;

    }



    You really should do this using mychanges addon so you make upgrading easier.


  2. Use inline css (not ideal).

    [/quote]



    Thanks whiplash13 for the great suggestion! That's easier than what I was going to attempt!!

    Do I need the new CSS to configure the whole bottom box/footer, or just the elements I want to change?

    Thanks again for the help!!!
9

[quote name='nikmark' timestamp='1319639871' post='124594']

Thanks whiplash13 for the great suggestion! That's easier than what I was going to attempt!!

Do I need the new CSS to configure the whole bottom box/footer, or just the elements I want to change?

Thanks again for the help!!!

[/quote]



That really depends on what you are trying to do. If you want all links in the footer to appear the same way then you would wrap the whole bottom box. If you just want that behavior on the certain parts of the bottom box then just wrap those parts with the class.

10

[quote name='whiplash13' timestamp='1319647756' post='124597']

That really depends on what you are trying to do. If you want all links in the footer to appear the same way then you would wrap the whole bottom box. If you just want that behavior on the certain parts of the bottom box then just wrap those parts with the class.

[/quote]



Ok! Spoke too soon! I'd like all text in footer to be same color. I was attempting this in the bottom.override.tpl I already have in place for the copyright at the bottom. I have my text/links in tables to keep them in order. I'll keep playing around with it…

11

OK! Not having much luck here! I've attached some screen captures in hopes someone can steer me in the right direction!

firebug.JPG

bottom.override_tpl.JPG

bottom_tpl_page.JPG

CSS_my-changes.JPG

12

[quote name=‘nikmark’ timestamp=‘1319652292’ post=‘124600’]

OK! Not having much luck here! I’ve attached some screen captures in hopes someone can steer me in the right direction!

[/quote]



Maybe give this addon a shot and just customize it to your needs. Don’t forget to thank Brandon for his efforts ;)

13

[quote name=‘whiplash13’ timestamp=‘1319723074’ post=‘124665’]

Maybe give this addon a shot and just customize it to your needs. Don’t forget to thank Brandon for his efforts ;)

[/quote]



I tried this addon first, would not show up on my site, I cleared my cache, not sure what I did wrong, maybe I’ll give it another shot!

14

Would the bottom.override.tpl in my_changes possibly be what's causing the bottom box addon to not work?

15

[quote name='nikmark' timestamp='1319741509' post='124693']

Would the bottom.override.tpl in my_changes possibly be what's causing the bottom box addon to not work?

[/quote]



Yep! That's what it was! Bottom Box now working!!

16

Ok! It appears that the CSS from the bottom box addon is affecting some of the text link styles in the rest of my store front. What is the trick to fixing this?

17

After looking at your site, it looks like you added to the style sheet. You added:


a:link {
color: #616161;
text-decoration: none;
}
a:visited {
color: #616161;
text-decoration: none;
}
a:hover {
color: #616161;
text-decoration: underline;
}
a:active {
color: #616161;
text-decoration: none;
}



I think if you changed that to something like:


.bottom-table a:link, .bottom-table a:visited, .bottom-table a:active {
color: #616161;
text-decoration: none;
}
.bottom-table a:hover {
color: #616161;
text-decoration: underline;
}



You will find that the links will no longer effect your other links.



Hope that helps,



Brandon

18

[quote name='brandonvd' timestamp='1320079047' post='124999']

After looking at your site, it looks like you added to the style sheet. You added:


a:link {
color: #616161;
text-decoration: none;
}
a:visited {
color: #616161;
text-decoration: none;
}
a:hover {
color: #616161;
text-decoration: underline;
}
a:active {
color: #616161;
text-decoration: none;
}



I think if you changed that to something like:


.bottom-table a:link, .bottom-table a:visited, .bottom-table a:active {
color: #616161;
text-decoration: none;
}
.bottom-table a:hover {
color: #616161;
text-decoration: underline;
}



You will find that the links will no longer effect your other links.



Hope that helps,



Brandon

[/quote]





Yes That Helped! Thank You Brandon! But it seems I still have some issues with text and links being inconsistent. I may have, in my attempts to

correct things, messed things up in the main styles.css and or styles.base.css! I know it's not bottom box because when I disable it, the messed up

text and links are the same!

19

[quote name='nikmark' timestamp='1320088647' post='125018']

Yes That Helped! Thank You Brandon! But it seems I still have some issues with text and links being inconsistent. I may have, in my attempts to

correct things, messed things up in the main styles.css and or styles.base.css! I know it's not bottom box because when I disable it, the messed up

text and links are the same!

[/quote]



OK! I fixed it! Just uploaded a fresh copy of my styles.css and all is good!

Thanks for all the help!!!