HI ALl,
Ok I am struggling to see where I can allign the images, text, prices and buttons in modules. As you can see from the screen shot they are left alligned
Can anyone point me in the right direction ?
Ok I am struggling to see where I can allign the images, text, prices and buttons in modules. As you can see from the screen shot they are left alligned
Can anyone point me in the right direction ?
Attachments
screen shot.jpg (43.47 KiB) Viewed 3451 times
In stylesheet.css , find class
to align to center the button, name and price , simply add an align center.box-product > div
The easyest way to display allmost centert the product box in sidebar is to change , in the same class, that margin-right to margin-lefttext-align: center;
The better way to set up the box product in sidebars , is by assiging it different props for the sidebar positionby default is
margin-right: 20px;
change it to
margin-left: 20px;
I hope this is helpfullSo , in general , the module product box is ".box-product{props}"
If you want the box-product with different styling in sidebars , make it like this
#column_left .box-product, #column_right .box-product{props}
Hi ,
thanks so much, I have done the featured box as per your instruction but cant figure out where to put the text-allign and change margins for the left coumn.
I cant see in the stylesheet what area might corespond to that
an you point me in the right direction please.
Thanks so much for everything so far
thanks so much, I have done the featured box as per your instruction but cant figure out where to put the text-allign and change margins for the left coumn.
I cant see in the stylesheet what area might corespond to that
an you point me in the right direction please.
Thanks so much for everything so far
Use Notepad++ for edditing
Open the stylesheet.css in n++
Search for
Here's how it should look then
After that change , the product box , will have the name , price , button and image align to center , and the margins betwwen boxes will be to the left instead of right.
Open the stylesheet.css in n++
Search for
When you will find it , all class and props will look like this.box-product > div
Notice the margin right line , simply change the word right to left. And in here add the text-align too..box-product > div {
width: 116px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}
Here's how it should look then
And that is how you change them or add new properties..box-product > div {
width: 116px;
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-bottom: 15px;
text-align: center;
}
After that change , the product box , will have the name , price , button and image align to center , and the margins betwwen boxes will be to the left instead of right.
HI The site is mugsnmore.co.uk
I have alligned the featured products
but need the latest products more central withing the box, the images as well as the text.
I have no idea where to enter the other code you mentioned. I have searched the stylesheet for it and cant find it
Thanks.
I have alligned the featured products
but need the latest products more central withing the box, the images as well as the text.
I have no idea where to enter the other code you mentioned. I have searched the stylesheet for it and cant find it
Thanks.
In the atachement below is an archive with stylesheet.css (yours with some alterations).
Replace you actual one with that one , and you should be fine.
BTW: Backup you actual stylesheet.css first.
All the respect!
Replace you actual one with that one , and you should be fine.
BTW: Backup you actual stylesheet.css first.
All the respect!
Attachments
Who is online
Users browsing this forum: No registered users and 85 guests