Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Need to move some things

Need to move some things

Views: 2,417

Results 21 to 30 of 30
12 Jan 2014, 2:14 AM
#21
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Need to move some things

Your stylesheet (line 47) has```
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

Since the details list has a .floatingBox tag, it always takes 47% of the column width, plus any left/right padding or margins. <ul> lists by default have about a 5em left padding or margin depending on the browser. So any time the main product image takes more than the remainder, the details list has to fall below it.
12 Jan 2014, 4:05 AM
#23
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Need to move some things

Because its picture is narrow enough to allow the details list to fit beside it.

I didn't say there is nothing you can do about it, just that there is a current style rule that controls it. You can alter or override it easily. Add a new rule to your stylesheet (it might need to be near the bottom of the file) like
#productDetailsList {width: 33%;}
Combine this with the other details list rule to keep info compact:```
#productDetailsList {width: 33%; font-size: 1.2em;}

Again, adjust the numbers to taste.
12 Jan 2014, 4:58 AM
#24
silverhd avatar

silverhd

Totally Zenned

Join Date:
Mar 2008
Location:
USA
Posts:
563
Plugin Contributions:
0

Re: Need to move some things

Glenn:

I will let you know what happens tomorrow. I'm going to bed. Thank you for all of your help. I was beginning to think there was nothing I could do about it.

Thanks again,

Silver

12 Jan 2014, 7:07 PM
#25
silverhd avatar

silverhd

Totally Zenned

Join Date:
Mar 2008
Location:
USA
Posts:
563
Plugin Contributions:
0

Re: Need to move some things

Glenn:

I placed both files:

#productDetailsList {font-size: 1.3em;}
#productDetailsList {width: 33%; font-size: 1.2em;}
#productDetailsList {font-size: 1.5em;}
#productDetailsList {width: 33%; font-size: 1.5em;}

at the bottom of the stylesheet and increased both fonts and nothing changed. I suppose I am doing something wrong again??

http://www.petluxuryboutique.com/shop/bath-body/bath-sets-and-lotions/ginger-therapy-gift-set

Thank you,

Silver

12 Jan 2014, 10:43 PM
#26
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Need to move some things

I tested the rule
#productDetailsList {width: 33%; font-size: 1.5em;}
at the top of style_image_hover.css and it worked correctly; therefore it would work at any location in any stylesheet.
This means that you must have made some error, either in adding the rule, or in another rule above the one you added (some kinds of errors in a stylesheet will effectively deactivate all rules that follow the error, to the bottom of the file).

P.S. - You don't want both rules you posted, just the second one, which includes the property from the first one.

13 Jan 2014, 7:57 PM
#27
silverhd avatar

silverhd

Totally Zenned

Join Date:
Mar 2008
Location:
USA
Posts:
563
Plugin Contributions:
0

Re: Need to move some things

Glenn:

Sorry it took some time to get back to you. I wasn't notified by email on this update. I have no idea what happened. I think the problem was that I had both of them installed. It is fixed now and I thank you very much! I could have never figured that out. BTW, how do you learn this kind of thing?

Thanks again,

Silver

13 Jan 2014, 8:32 PM
#28
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Need to move some things

Glad it's working now. I learned most of what I know from books and online study and experience... my formal programming education was with Fortran 4 and Macro in the mid 1970's.

13 Jan 2014, 8:42 PM
#29
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Need to move some things

Oh, and it would do no harm to have both rules; the second one would override the first, and it would be as if the first were not there. It's just sloppy practice.

13 Jan 2014, 10:48 PM
#30
mc12345678 avatar

mc12345678

Totally Zenned

Join Date:
Jul 2012
Posts:
16,908
Plugin Contributions:
2

Re: Need to move some things

I know I didn't answer the same question when asked before about how I came to learn "this stuff". I would say similar to gjh42 that learnt basic (commodore basic) from a little input from my father who was familiar with programming logic from using punch cards at his work, my brother who had "checked out" a computer from the local library, and some user manual that came with the C-64. From there generally self taught, taking classes in school to learn new languages.

As for CSS, I'm still trying to learn it and do rely (unfortunately) on the help afforded by auto utilities, trial and error, and examples at the moment. It's an area I see I need to improve on, but in the mean time I tend to lean on the help of others that are more knowledgeable. I would like to learn more about CSS but haven't invested the time yet.

The rest of the programming things, well all programming language training begins with some of the basics. I don't think I have seen a language book that doesn't start with how to display on the screen Hello, world. Then to go onto the various other functions and ways to manipulate data, if statements, loops (for, wend, while, do, etc...), variables, arrays, classes, functions, recursive functions, modules, etc... Then there are things about each language that gives it it's strength(s) and capabilities. Generally involves knowing where you are (what you have) and knowing what you want and then developing the path to get there. More often than not there is more than one path, but there are tradeoffs and considerations to be made to efficiently resolve the issue without interfering with other attributes and without wasting process/user time and associated resources. This last part is more of a systems thinking perspective. Black boxes along the way that do what they need to all working together.