Profile: UserThomas
User posts
by "disappear" I mean, drop down to where it's above the footer. It's formatting changes correctly, it just stays in the left column.
I didn't realize that correcting that would require a lot of work. I hope you will be able to resolve this for me. I'm looking to get these changes made and then be done with it for a long time.
Thanks for all the support.
I'm a little familiar with css and have been able to make very basic changes without having to ask. You guys have been very helpful so far and I really appreciate it. I do not want to change much and once it is done, I wont be making any changes for a very long time. I just need to make it work for my customers and clients.
All I want is for the category/manufacturer/filter column to be put on the left side of the screen.
When using the above code, that column just does not "disappear" when reducing the screen size, as it does when the column is on the right side.
I also want to switch the product information with the picture. I want the picture on the left and info. on the right.
What do I need to change?
Hi,
Please use the following css in order to make your changes.
@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;
}
}
@media screen and (min-width: 769px){
.ui-tabs {
float: left
}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;
}
}
.side-2 {float: left;}
.center-2 {float: right;}
Hope that helps!
I have successfully integrated my custom.css file and it is accepting style changes. When I enter this into the custom.css and adjust my browser below 1001px to check the responsive part, the page doesn't load correctly. This only happens on the category pages with sub-categories in it.
The ajax filters Title blocks are smashed on the left side and the sub-categories are VERY small on the far fight. It's like the filters vertical bar is taking up all the screen room.
I just uploaded an image that was over 1000px height and width and I am getting the error still.
Something called "mousetrap" is sizing the cloud zoom-inside box to 523 x 509. This is preventing it from using the whole space of the product image box for the zoom.
Thanks. That will work but it would be much much better if it used "images/labels" that matched the theme of the site and not the generic AddThis look.
Here is an example.
http://www.charmingcharlie.com/jewelry/olivia-statement-set.html#color=yellow
I need to make some adjustments to the products page:
1. I need to reduce the size of the product main image.
2. I need to move the Add to wishlist, Add to compare list, Email a friend links down below the Add to Cart button.
Thanks for clearing that up. It does make sense.
Thank you for your feedback. This is a typo with the resource name. You can easily fix it if you add the following two resources with the following values:
key: sevenspikes.themes.playground.common.goto value: Go to ...
key: sevenspikes.themes.playground.common.gotopage value: Product's page
This worked but it doesn't look like it was corrected in 3.3.
Thanks again guys for the great support!
That worked great! Thanks for the quick help!
One last question on this topic... do i still need the
Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/custom.css");in the Head.cshtml file?
