Footer changes - by Sporbillis - on WordPress WooCommerce support

This topic has 83 replies, 5 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson

  • Avatar: Eva
    Eva Kemp
    Support staff
    July 7, 2016 at 16:52

    Hello,

    3.1. Create a row with needed elements and copy the code from your home page editor.

    5. Sorry, but there is no such option in the theme.

    6. For single product page use this code:

    .product-name {
        font-size: 20px;
    }
    .short-description table td {
        font-size: 10px;
    }

    and for shop page:

    .products-grid .product .product-name {
        font-size: 18px;
    }

    Regards,
    Eva Kemp.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 8, 2016 at 08:35

    Hello, thanks,

    please see attached :

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 8, 2016 at 10:46

    Hello,

    Original image sizes are these:
    http://prntscr.com/bqasn2

    Sorry, but I can’t know what Woocommerce settings they used.

    Try to use this code in child style.css for single product image:

    @media (min-width: 1200px) {.main-image-slider, .main-image-slider img {
      height: 600px;
    }}

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 8, 2016 at 11:42

    Now it looks a bit better. Thanks

    Next problem. On the emails that are sent on processing and completed orders the image thumbnails looks very tiny and very blurry. I set the settings in wocommerce and i regenerated thumbnails but the images on the emails look very bad. Can you help ?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 8, 2016 at 15:26

    Hello,

    Sorry, but in this case you have to contact Woocommerce support because order emails are configured by their team.

    Regards,
    Eva Kemp.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 8, 2016 at 22:29

    Okay. A few more questions and hopefully we can close the topic! So far you are the best!

    1. On mobile homepage the menu footer we created “about, contact…” has a lot of white space before it. Can we make the gap smaller?

    2. On home page the footer logo has a lot of white space before it. Can we make it smaller?

    3. I can’t manage to make the homepage/shop page/related products thumbnails to look a bit smaller, can we make it via coding?

    4. Also the related product thumbnails on mobile they look bigger than the product image so we need to make them smaller on mobile too.

    5. On mobile Single product page the product title breaks in 2 lines. Can we make it into 1 line?

    6. On single product page, on the image there are arrows ( left and right ). How can i change the arrow color, background color, arrow hover color and bg hover color ?

    7. Same as 6 but for the thumbnails below the image.

    Thanks so much!!

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 9, 2016 at 08:55

    submitting our new login details private

    Please, contact administrator
    for this information.
    Avatar: Sporbillis
    Sporbillis
    Participant
    July 10, 2016 at 15:20

    Can you also please update our theme to your latest? I am afraid if i do it with all the changes you did we will do something wrong and lose them. For you it should be easy.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 11, 2016 at 12:48

    Hello,

    1. Use this css code:

    @media (max-width: 767px) {
       .page-content, .page-content .content {
           margin-bottom: 0 !important;
       }
    }

    2. Done, check it now please.

    3, 4. To change thumbnails sizes go to Woocommerce > Settings > Products > Display and set needed size values and then regenerate thumbnails.

    5. Try this css code:

    @media (max-width: 480px) {
       .product-name {
         font-size: 20px;
       }
    }

    Set the value to your needs.

    6, 7. Use the following css code:

    .single-product-page .flex-direction-nav .flex-next::before,
    .single-product-page .flex-direction-nav .flex-prev::before {
       color: red;
       background-color: grey;
    }
    
    .single-product-page .flex-direction-nav .flex-next:hover::before,
    .single-product-page .flex-direction-nav .flex-prev:hover::before {
       background-color: green;
    }

    Change color values to your needs.

    Can you also please update our theme to your latest? I am afraid if i do it with all the changes you did we will do something wrong and lose them.

    To update the theme follow the instruction below.
    Before update delete “woocommerce” folder in the directory wp-content/themes/legenda/ and it’ll be reuploaded from a new theme package.
    Don’t forget to create back up of your files and database before starting update process!

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 11, 2016 at 18:04

    All the codes you gave me so far fixed the white space on the homepage but on every other page the things we fixed on homepage still have white space on them. Can you help?

    Also about the theme update. I have modified the email templates of woocommerce and uploaded them in the child theme. Can you help with the theme/woocommerce update so i don’t lose the email templates and/or all the changes you help me with in the website ?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 09:20

    Hello,

    All the codes you gave me so far fixed the white space on the homepage but on every other page the things we fixed on homepage still have white space on them. Can you help?

    Please give us direct page links where you want to decrease/remove white spaces.

    Also about the theme update. I have modified the email templates of woocommerce and uploaded them in the child theme. Can you help with the theme/woocommerce update so i don’t lose the email templates and/or all the changes you help me with in the website ?

    If you move all your customizations into child theme you won’t lose them after theme update.
    Don’t forget to create back up of your files and database before starting update process!

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 12, 2016 at 10:38

    About the pages on all pages because the changes are for the footer stuff, so all pages should have the same footer.
    Can you please update the theme for me and woocommerce? I am begging you!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 15:53

    Hello,

    Try the following css code:

    .page-content {
        margin-bottom: 0px !important;
    }

    Don’t forget to clear browser and server cache before checking.

    Can you please update the theme for me and woocommerce? I am begging you!

    Please confirm that you have backup of your site files and database and we will help you to update the theme.

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 12, 2016 at 22:32

    code did not work. I cleared server cache and browser cache.

    I believe i have backed up my website with the updraftplus plugin. When you update the theme please don’t forget to also update woocommerce but don’t lose my email ( processing , completed ) changes i made.

    Thanks so much!

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 13, 2016 at 05:41

    Also if possible update visual composer too because i am afraid to update it with all the coding you did on it!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 13, 2016 at 10:21

    Hello,

    The code I gave you is working as it should http://prntscr.com/bsb2p0
    I’ve updated the theme and mentioned plugins as requested.

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 13, 2016 at 11:12

    The code is not working, I can still see white space above logo footer on mobile on all pages.

    After your update i have the following notice :

    WooCommerce Data Update – We need to update your store’s database to the latest version.
    What do i do for it ?

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 13, 2016 at 11:16

    Also now after the update you did , when i try to save a new order from the admin i get the following error ( see attached ) :

    If i refresh the page and save again, i dont see the error, can you fix it ?

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 13, 2016 at 15:29

    Hello,

    I can still see white space above logo footer on mobile on all pages.

    Please check it now.

    WooCommerce Data Update – We need to update your store’s database to the latest version.

    Press the button “Run the updater”.

    when i try to save a new order from the admin i get the following error

    As you can see from the error message it’s related to your child theme customization, so you need to check your code in the mentioned file. Also I was trying to replicate the issue with order saving but there were no any errors.

    Best regards,
    Jack Richardson.

    Avatar: Sporbillis
    Sporbillis
    Participant
    July 13, 2016 at 16:11

    Thanks for the two fixes.

    About the 3rd problem to replicate the problem you need to go to:

    orders>add new order>fill up the related fields. In the actions when you click processing and then save it you will get the error. If you refresh the page and re-save it , it doesn’t show the error.

    Can you please fix it for us ? We are desperate to go live and we can’t !

  • 1 2 3 4 5
    Viewing 80 results - 61 through 80 (of 83 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.