- This topic has 19 replies, 2 voices, and was last updated 7 years, 11 months ago by
.
-
Posts
-
Hi!
I was wonder if there is a way to change position on how the screen will display the objects.Lets say i have a certain order when displaying full screen on computer etc and want to change the order when it becomes smaller as of @media(max-width:991px){ }
Is this possible?
I want to swap positions on objects that is displaying first when it changes to max-width of 991px.
Check pictures for example.
Sincerely Andreas
Hi,
You can't change the positioning layout of Visual Composer but you can change the positioning display the frontend. You can do the following:
- You add the extra class name for each column (eg: position-1, position-2, position-3)
- Later, you go to Theme Options -> Custom CSS -> Add these lines:
@media(min-width: 991px){
.position-1,.position-2{
float: right!important;
}
}
Hope it helps!.
Best regards.
Hi,
You can use the attribute CSS: text-align: center;
eg:
.shortcode-single-product-wrap .product-item-wrap.product-style_1 h3{
text-align: center;
}
Hi!
This will not make it centered just on mobile devices? This will center it on all desktop etc.
How can I make it just centered when in mobile mode?
@media(min-width: 991px){
}
Hi,
You can use:
@media(max-width: 991px){
.shortcode-single-product-wrap .product-item-wrap.product-style_1 h3{
text-align: center;
}
}
Thank you!
Also I have a question on the product brand that appears on product on the side. Is there any way to change this before and after effect so instead of showing it "before" and hide it when hoover the product I would like to have it hidden in beginning and then show it when user hoover the product.
Sincerely
AndreasHi,
You can add these lines to Custom CSS:
.shortcode-single-product-wrap .product-brand{
opacity: 0;
}
.shortcode-single-product-wrap:hover .product-brand{
opacity: 1;
}
Best regards.
Thank you it worked like a charm!
Is there any way I can center the product brand appearance on all devices? from Desktop down to mobile i want the product brand to be centered if possible!
Is there any way I can center the product brand appearance on all devices? from Desktop down to mobile i want the product brand to be centered if possible!
You can send me a screenshot of clarifying this issue.
Thanks.
Hi,
You can use the CSS bellow instead of the CSS above:
.shortcode-single-product-wrap .product-brand{
top: 15px;
font-size: 22px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
left: 0;
width: 100%;
text-align: center;
}
.shortcode-single-product-wrap{
overflow: hidden;
position: relative;
}
Thank you! I solved it!
Also this part how can I remove the "SKU" from showing for customer?
If I want to translate this text where do I find this?
Sincerely Andreas
Hi,
You can use the CSS:
.single-product-info .product_meta .sku_wrapper label{
display: none;
}
You must be logged in and have valid license to reply to this topic.
