Back ground and spacing - by ronensch - on WordPress WooCommerce support

This topic has 44 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

  • Avatar: ronensch
    ronensch
    Participant
    March 1, 2015 at 10:09

    hey
    1. wanted to know how I can make background on all my site (can I put pattern or does it have to be a big picture?
    2. I have a spacing problem between my products- how can I fix this? http://screencast.com/t/a968OBcLm
    I tried using
    .products-grid .product{
    margin-right: 20px;
    margin-left: 0px;
    }
    on custome css but that didnt work
    please help

    Thanks
    ronensch

    Please, contact administrator
    for this information.
    43 Answers
    Avatar: ronensch
    ronensch
    Participant
    March 1, 2015 at 13:30

    ok so I added the code for the spacing between products but now there is a problem with the number of images per row. one image slided down a row

    what should I do?

    Avatar: ronensch
    ronensch
    Participant
    March 1, 2015 at 14:35

    in the homepage- there are 2 rev slides
    they both have the same hight (also the pic that i have uploaded are the same hight) but for some reason, the right one is shorter.
    about the backgrounnd- I have uploaded a pattern to color scheme (300*300 pixels)+chose wide layout and addded this code to custom.css: .st-content {
    background-image: url(“http://studiokaftor.com/ronen/wp-content/uploads/2015/02/bg.jpg”);
    }

    but intile the site loads you can see that the pic is enlarged way too much and then disappears,
    what can be done?

    Avatar: Eva
    Eva Kemp
    Participant
    March 2, 2015 at 13:38

    Hello,

    1. If you want to add a background image you need use this code in custom.css file:

    .page-wrapper {
        background-image: url('http://link_to_your_image');
    }

    2. As I see there is only one slider on the home page. How can we replicate the issue?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 2, 2015 at 14:06

    Hey Eva
    1. so I put this code at custom css but it isn’t working (I want this bg on the entire site – every page+header)
    2. yes I had changes the slider
    3. the spacing between the images in the shop isn’t good so I entered this code in custom css
    .products-grid .product{
    margin-right: 20px;
    margin-left: 0px;
    }
    but the third product on each line dropped one line down.
    4. I have entered a text widget in “place in header top bar” but it isn’t showing
    5. can I make the logo bigger then 300*110?
    6.is there a way (shortcode) that I can divide text into columns?

    Thnks
    ronensch

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    March 2, 2015 at 19:24

    Hello,

    1. I’ve copied the code to your custom css editor. Now background is changed. Please check.
    3. I’ve added this code in custom css editor:

    .product-loop.products-grid.product-count-3 {
    width: 950px !important;
    }

    Please clear browser cache and check Shop page now.
    4. I’ve enabled languages area in Theme Options > Header and your text is shown.
    5. Add this code in custom css editor:

    .header1 .logo img {
        max-width: 500px;
        width: 350px;
    }

    6. You can find shortcode for columns on our demo site:
    https://www.8theme.com/demo/legenda/shortcodes/columns/

    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 2, 2015 at 19:40

    Hey Eva
    1. I see that the bg has changed but now I have uploaded a new picture (the design of the lace on the side is smaller) what I did is upload through color scheme+changed the url in the editor. but the bg hasn’t updated
    3. I see that the product pictures are 3 in a line but the spacing between them isnt equal
    4. ok
    5. logo is still 300*110
    6. will check

    Avatar: Eva
    Eva Kemp
    Participant
    March 2, 2015 at 20:01

    Hello,

    If you’re using some plugin for styles customizations you need add all code in there:
    http://imgur.com/A5VMGan

    I’ve moved the logo code and background image to that section.
    Please check your site now.

    I’ve added this code to fix the spacing issue for products:

    .products-grid .product {
        margin-left: 0px;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 4, 2015 at 08:05

    great eva thanks!
    for the line on the “place in header top bar” can I make it bigger and what about if I want it to be in bold?

    Avatar: Eva
    Eva Kemp
    Participant
    March 4, 2015 at 15:01

    Hello,

    To make the text with bold font and increase font size you need add this code in custom.css editor:

    .languages-area .widget-title {
       font-weight: bold;
       font-size: 20px;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 9, 2015 at 10:12

    great thanks Eva
    now another question- on the homepage, if you scroll down you’ll see pic of the products.
    I need for them to be 4 in a row and now it only shows 2 in a row and all the rest drop down a row.

    how do I fix this?

    thanks

    ronen

    Avatar: Eva
    Eva Kemp
    Participant
    March 9, 2015 at 11:59

    Hello,

    Please try to use “Products” element in Visual Composer editor instead of “Woo Products”.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 10, 2015 at 11:34

    Eva
    i have a problem with the products page
    If I go to the store: http://studiokaftor.com/ronen/shop/
    and I click on a product I dont get redirected to the product’s page.
    why is this?

    Avatar: Eva
    Eva Kemp
    Participant
    March 10, 2015 at 16:20

    Hello,

    I’ve changed Permalinks settings.
    Please check Shop page now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 10, 2015 at 16:40

    Eva like always, you are great!
    thanks!

    Avatar: Robert Hall
    Robert Hall
    Participant
    March 10, 2015 at 16:41

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: ronensch
    ronensch
    Participant
    March 11, 2015 at 07:34

    hey eva
    1. how can I make the pictures in the single product’s page smaller.
    I tried doing this through woocommerce->settings->products->display
    but that doesnt change a thing
    2. in the single products page, there is now right side bar – but I did choose a right sidebar in the theme options ->single product page it just doesn’t appear

    thanks!

    Avatar: Eva
    Eva Kemp
    Participant
    March 11, 2015 at 17:36

    Hello,

    1. Please take our apologies but image dimensions can’t be changed on a single product page in theme options as they can be distorted. It can be edited only in the theme file legenda/woocommerce/single-product/product-image.php. Also changes in custom.css need to be made.

    2. As I see you didn’t add any widgets in “Single product page Sidebar” area in Appearance > Widgets, that’s why sidebar isn’t shown.

    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 12, 2015 at 07:54

    Hey eva
    I somehow got it fixed – but the zoom effect on a single product isn’t working ok
    please compare another site that I have built with this theme:
    https://www.chuchick.com/shop/white-shirt-with-necklace/
    i compared theme options->single product parameters http://screencast.com/t/v2cbitKYeQzX
    with the parameters on this site (they are the same)- but there is no zoom effect here.

    please help

    thanks

    Avatar: Eva
    Eva Kemp
    Participant
    March 12, 2015 at 11:27

    Hello,

    Zoom isn’t working because your original images have sizes 446px × 600px, they are too small. You need upload them with approximate dimensions 1425px × 1900px. Please try it.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 15, 2015 at 11:48

    hey eva
    the site on mobile (iphone 4s is what I checked), isn’t loading the shop images

    what can be done?

    thnks

    Avatar: Eva
    Eva Kemp
    Participant
    March 16, 2015 at 13:29

    Hello,

    Sorry but we aren’t experiencing such issues.
    All images are shown.
    Please try to check it with another Internet provider.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 16, 2015 at 18:53

    hey Eva
    can you please help me out with my previous question (about shop images in mobile not appearing.

    much thanks

    Avatar: Eva
    Eva Kemp
    Participant
    March 16, 2015 at 21:28

    Hello @ronensch,

    Sorry but we aren’t experiencing such issues on mobile devices.
    All images are shown.
    Did you try to check it with another Internet provider.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 18, 2015 at 11:46

    hey Eva
    I looked at the shop from 2 devices iphone 4s+5
    and from different browsers and different internet providers- but still when I go to the shop I dont see any products- please check this issue again

    thanks!

    Avatar: ronensch
    ronensch
    Participant
    March 19, 2015 at 12:04

    hey Eva
    any news on this issue?

    thanks

    Avatar: Eva
    Eva Kemp
    Participant
    March 19, 2015 at 17:57

    Hello,

    We’d like to help you but unfortunately we can’t see the issue:
    http://storage1.static.itmages.com/i/15/0319/h_1426784060_1263575_15ab7a6248.png

    Please show a screenshot of the Shop page that you see.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 20, 2015 at 09:10

    I see the mistake now – you were checking my other site
    and I ment this one: http://studiokaftor.com/ronen/shop
    no images for the shop appear in mobile

    do you see the problem?

    thanks!

    Avatar: Eva
    Eva Kemp
    Participant
    March 20, 2015 at 09:55

    Hello,

    Please update the theme to 2.6.3 version which is compatible with the latest Woocommerce plugin version. Before update you need remove the folder “woocommerce” in the directory wp-content/themes/legenda. It will be reuploaded with new theme version.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronensch
    ronensch
    Participant
    March 22, 2015 at 19:36

    hey eva
    I have a few questions:
    1. can i put the entire shop in the homepage? where there are 4 products now i want the entire shop to appear.
    2. in the top bar there is a line and in the css we wrote this:
    .languages-area .widget-title {
    font-weight: bold;
    font-size: 18px;
    }
    how do I change font color to #ef8eae? and I want it to be in 2 lines instead of one long line – how do i do this?
    3. I want to change the”back to top” icon to this: http://screencast.com/t/T9NiokofBNO
    4. in a single product page I want to create a custom tab and then insert a video from you tube- is this possible?
    5. about the pics in shop – I had uprated to latest version of the theme – and still you cant see no pic
    please help me solve these issues

    thanks so much

    Please, contact administrator
    for this information.
  • 1 2
    Viewing 30 results - 1 through 30 (of 44 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.