Support » Fixing WordPress » Space between top border and product in shop

  • Hi, we are novices using WordPress and Woo Commerce. We have a book in our shop that is black and touches the black border at the top of our website page. We want to put a white space (gap) between the two. At present we have a grey line which we don’t want. Can anyone help please? We have spent way too much time trying to solve this! Will be eternally grateful if someone can help. Many thanks and have a great day, Helen

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • I’m not entirely sure if I’m seeing it the way you are, but the grey “line” (it’s thick enough I would describe it as a “bar”) is coming from this line:

    body.custom-background {
        background-color: #f4f4f4;
    }

    If that’s the case, add this to WordPress custom CSS option:

    body.custom-background {
        background-color: #ffffff;
    }

    Mind you, that will get rid of the grey bar on all pages.

    Please review that we can all target both the specific page and it’s contents with a proper CSS override. Never do as advised above. It lacks a clear understanding of the proper way to help.

    The body class when added to a well done theme will include what is needed to target CSS per page, post, custom post, etc.

    @swansonphotos: The code for that page’s body tag is

    <body class="page-template-default custom-background woocommerce-no-js tribe-no-js et_pb_button_helper_class et_fullwidth_nav et_fullwidth_secondary_nav et_fixed_nav et_show_nav et_cover_background et_secondary_nav_enabled linux et_pb_gutters1 et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_pb_footer_columns4 et_header_style_left et_pb_pagebuilder_layout et_right_sidebar et_divi_theme et-db et_minified_js et_minified_css">

    I certainly do understand “the proper way to help”. However, OP’s theme is not generating the proper code to enable that. If you have a better suggestion, by all means, post the code.

    OP’s theme is not generating the proper code

    That was my point exactly when I wrote:

    The body class when added to a well done theme will include what is needed to target CSS per page, post, custom post, etc.

    Please see:

    https://developer.wordpress.org/reference/functions/body_class/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Space between top border and product in shop’ is closed to new replies.