Ideal dimensions - by Ron - on WordPress WooCommerce support

This topic has 35 replies, 4 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: Ron
    Ron
    Participant
    February 18, 2015 at 07:52

    Hi,

    I have changed the breadcrumbs backgound and size to 1140 x 130.
    1140 is the width of the container

    But the image keeps stretching.

    How can I set it to perfectly line up with the content container?

    http://nimb.ws/47dX3Y

    34 Answers
    Avatar: stan
    Stan Russell
    Participant
    February 18, 2015 at 09:26

    Hello,

    please provide us with link to your site in Private content.

    Regards,
    Stan Russell.

    Avatar: Ron
    Ron
    Participant
    February 18, 2015 at 10:42

    Did send you a PM.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 18, 2015 at 11:16

    Hello,

    I’ve set 1140 x 130 px for the image in revolution slider settings.
    Please check it now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Ron
    Ron
    Participant
    February 18, 2015 at 11:32

    Hi Eva,

    The rev slider was not the problem Eva and niot my question.

    I have changed the breadcrumbs backgound (for page heading) and size to 1140 x 130.
    1140 is the width of the container

    Have a look at a single product page.

    But the image keeps stretching.

    How can I set it to perfectly line up with the content container?

    thx

    Ron

    Avatar: Eva
    Eva Kemp
    Support staff
    February 18, 2015 at 19:58

    Hello,

    Sorry for misunderstanding.
    Please add this code in custom.css file or style.css of your child theme:

    .bc-type-4 {
        background-size: auto auto !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Ron
    Ron
    Participant
    February 19, 2015 at 10:58

    Hi Eva,

    I still see the breadcrumbs and pagination on the single product page after putting in the code

    I also like to play with the default spacing between top of page and menu.
    Also te default space between header and begin of content

    thx.

    Ron

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 19, 2015 at 11:28

    Hello,

    To reduce space between top of page and menu try to add this code into custom.css file.

    .header-type-11 .navbar-collapse{
    margin-top: 5px !important; 
    }
    .navbar{
    padding: 10px 0;
    }

    – space between header and begin of content

    .page-heading-slider .wpb_content_element{
    margin-bottom: 15px;
    }

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 19, 2015 at 11:29

    Hi Eva,

    Sorry, wrong reply to your suggestion.
    Banner is perfect now.

    But….

    I still see the breadcrumbs and pagination on the single product page after putting in the code

    I also like to play with the default spacing between top of page and menu.
    Also te default space between header and begin of content

    .fixed-header-area .menu {
    margin-botton: 5px !important;
    }
    .rev_slider_wrapper {
    margin-bottom: -5px !important;
    }
    .bc-type-4 {
    background-size: auto auto !important;
    }
    .woocommerce-breadcrumb, #breadcrumb {
    display: none;
    }

    Please advise!

    thx.

    Ron

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 19, 2015 at 14:13

    Hello @Ron,

    Did you tried use code that I write to you above?
    To hide breadcrumbs and pagination on the single product try to add this code into custom.css file.

    .single-product .container .title,
    .single-product .container .woocommerce .woocommerce-breadcrumb,
    .single-product .container .back-history{
    display:none;
    }

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 20, 2015 at 06:06

    Hi Robert,

    I did put in the code but no results.

    Please advise because later today I have to deliver to my client..

    thx

    Ron

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 20, 2015 at 08:11

    Hello,

    Please provide us with FTP credentials in Private Content.

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 20, 2015 at 08:29

    send PM

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 20, 2015 at 09:11

    I’ve made some changes in custom.css file. Please check it.

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 20, 2015 at 09:21

    Hi Robert,

    Thanks man! That did the trick for the pagination and breadcrumbs!

    Was it something I did wrong with the custom.css file?

    Last question regarding the white spacing between footer and content.
    How can I reduce this? It is far to spacy!

    Thx, Ron

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 20, 2015 at 09:29

    Hello,

    There was not the correct code.
    I’ve added this code to reduce the white spacing between footer and content. Please check.

    .responsive-sidebar-bottom{
    	margin-bottom: 0px;
    }
    .tabs .tab-content{
    	margin-bottom: 0px;
    }

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 20, 2015 at 09:33

    Your a genius Robert!
    Thank you very much for your help and the help from the other team members!

    Have a nice weekend!

    Regards,

    Ron

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 20, 2015 at 09:40

    You’re welcome!
    Have a good day!

    Regards,
    Robert Hall.

    Avatar: Ron
    Ron
    Participant
    February 24, 2015 at 07:49

    Hi Robert,

    Still a problem, this time the post pages still show breadcrumbs and pagination.

    Please help.

    thx

    Ron

    Avatar: Ron
    Ron
    Participant
    February 24, 2015 at 08:05

    Hi,

    I have a problem with the responsiveness of the banner on mobile.
    It simply does not scale.

    Also, on some pages viewed on mobile, the downpart of the banner disappears.

    Pleas help

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