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

This topic has 44 replies, 4 voices, and was last updated 9 years, 1 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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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
    Support staff
    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.

  • 1 2 3
    Viewing 20 results - 1 through 20 (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.