Return to previous page

Some questions about the theme - by Marta Iraola

This topic has 7 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

Marta Iraola

Participant

October 16, 2018 at 16:38

Hello,

I am very happy with this theme, it’s very cool. There are some modifications that I don’t know how to make. Could you help me?

1 – For some reason, when you are doing the checkout of an order, the “Country” field appears between name and surname fields. Very strange. How can I make it appear at the end of the billing fields?

2 – we would like to have the checkout page and single product pages with left and right padding so the content has less width than the header and footer. Do you know how to achieve this? I tried to use the visual composer columns but they don’t work, it still shows the content in full width.

3 – When I check the webpage from an ipad, the product pages shows 2 products per row. But there are a couple of category pages that show just 1 product per row. I will give you an example in private content so you can check what I mean.

4 – I don’t know why but the bullets from the revolution slider don’t work, when you click them the slider doesn’t change.

5 – Another question about the revolution slider, I am trying to make the images responsive. For example, if you see 3 umbrellas in the slider from your desktop PC, you should see 3 umbrellas from your mobile too. But rright know you only see 1 umbrella on the mobile version. Do you know why this happens?

Thank you for your help.

Kind regards,

Marta

Please, contact administrator
for this information.

#201168 Copied

6 Answers

Marta Iraola

Participant

October 16, 2018 at 17:27

Hello,

I tried to edit my message but the option doesn’t work so I write this reply to tell you that I resolved question 5. I do have another question too (the new question 5):

5 – If you check my website, you will see at the end of the home page that there are 3 banners (new in, best-sellers…). I copied the code from a demo, but I don’t know why if you check the mobile version there is no text or button over the banner, and the ipad version shows the text too big. How can I change these things?

Thanks again.

#201175 Copied
Rose Tyler

Support staff

October 17, 2018 at 10:47
Hello,

1. Please add this code in Custom css:
```
.woocommerce-checkout .select2-container, .woocommerce-checkout .state_select {
    width: 100% !important;
}
.woocommerce-checkout #billing_country_field {
    display:  inline-block;
}
```
2. Please describe the desired result in more details for better understanding.
3.
```
@media only screen and (max-width: 768px) {
    .shop-full-width .products-grid.row-count-4 .product {
        width: 100%;
    }
}
```
4. http://prntscr.com/l718c0
5. Please read Slider Revolution documentation https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/
https://www.themepunch.com/faq/display-different-images-different-screen-sizes-revolution-slider/

Banners
```
@media only screen and (max-width: 768px){
    .banner .banner-content p {
        display:  block;
    }
    .banner .banner-content p {
        font-size: 18px !important;
    }
}
```
Regards
#201205 Copied
Marta Iraola

Participant

October 17, 2018 at 11:30

Hello Rose,

I tried your CSS and everything works except the products in two columns. I will try to explain in private content.

Regarding question 2, what I mean is that in visual composer you can have rows of:

– 1/1 (one column)
– 1/2 + 1/2 (two columns)
– 1/6 + 2/3 + 1/6 (3 columns where the one in the middle is bigger than the other 2)

What I would like is to have the checkout page and the single product pages like in the third case. The content in the 2/3 and white space to the left and right. I will give you in private content a link to a page that has this effect.

Thank you for your help.

Kind regards,

Marta

Please, contact administrator
for this information.

#201208 Copied
Rose Tyler

Support staff

October 17, 2018 at 14:04
Hello,

2.
```
@media (min-width: 768px) {
    .woocommerce-checkout .content, .single-product .page-content {
        width: 66.66666667%;
        margin-left: 16.66666667%;
        margin-right: 16.66666667%;
    }
}
```
3. All your categories display 2 product. Please clear cache and check one more time. If this doesn’t help, let me know what exactly screen size should we check.

Regards
#201214 Copied
Marta Iraola

Participant

October 17, 2018 at 16:15

Hello Rose,

Thank you for everything. The CSS code works wonderfully.

Regarding the other question, I managed to reorder the products to show them properly. I was using an iPad mode of 768×1024. Maybe you did not notice the problem because if you resize the browser in a PC, it shows correctly. But if you use a real iPad or the Chrome option to see your screen like a different device (right click on a website and the inspect element option) you could see the problem.

If I have to change the order of the products and the problem happens again I will ask you in a new topic.

Thank you again for your hard work.

Kind regards,

Marta

#201222 Copied

Rose Tyler

Support staff

October 18, 2018 at 07:07

Hello,

You’re welcome!
Have a nice day.

Regards

#201241 Copied
Viewing 7 results - 1 through 7 (of 7 total)