Twenty fouteen. – CSS Help

  • Resolved prldoyle

    (@prldoyle)


    9 years, 5 months ago

    Hi, i have been using WP for a while but never had to play with CSS before. I am currently build a website for a friend and need some help with the layout.

    First issue, How do I reduce the width of the side bar?

    second issue, I am using a purchased plugin called display products for woo commerce, I have played around with CSS a lot, but still can not get rid of the red box around the table, seen here: https://made2order.net/test/products/?product_cat=sheet-music&dppage=1. Any ideas how to remove this.

    I have installed styles plugin to help customise this theme, it has done every thing but these two issue.

    Any help would be great.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello!

    I found this:

    #displayProduct-523205745.displayProduct-shortcode .product_table {
    border-color: #fc5b5b;
    }

    If you put this into your CSS & change that border-color to #fff , it should disappear!

    I didnt see a sidebar, did you figure that out?

    Hope that helps!

    Hi there!

    To reduce the width of the sidebar use this and adjust as desired:

    #secondary {
  width: 122px;
}

    I think this should work for you to get rid of the red border:

    #displayProduct {
  border:  none;
}

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter prldoyle

    (@prldoyle)

    Amazing thanks.

    Any ideas i can get rid of the table header?

    Cheers
    Pete

    Try this:

    #displayProduct thead {
  display:  none;
}
    Thread Starter prldoyle

    (@prldoyle)

    Thanks, i have been trying for over a week to do that.

    Cheers
    Pete

    Your welcome. I’m glad you got it sorted ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Twenty fouteen. – CSS Help’ is closed to new replies.