Weird Gray Rectangles On Contnent Area?

  • Resolved TheFado96

    (@thefado96)


    8 years, 10 months ago

    First of all, this is my first topic on the community so i want to say hi to you all.

    Secondly, i would like to tell you about my problem.

    Recently i had to develop a blog for my company so i decided to use your child theme “Deli”. After a while, the site looked pretty nice, however the only thing i couldn’t resolve were some weird small grey rectangles appearing in the bottom of the contnent area, which were a bit ugly to see there.
    The question is: how do i remove them? I looked in the theme code but probably i don’t know where to exactly look.
    I’m attaching a screenshot of the site (i can’t lnk you to the site since it’s not public yet, i’m working on local) which shows the problem. https://i.imgur.com/POW5Nlw.jpg
    In the picture you can see these rectangles appear in 4 columns. To create these columns, i’m using a plugin called “Advanced WP Columns”
    The contnent of the columns is created with yet another plugin: “Posts in Page”.
    I’m pretty sure those plugins aren’t the problem since 1- I’ve looked in these plusins code and couldn’t find anything and 2- deactivating those makes the recangles show somewhere else.
    Any idea on what they could be?
    Thanks.

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

  • Howdy TheFado96,

    Welcome to the forums and thanks for posting your question.

    My suspicion is that there is something in the columns that is being affected by a CSS style on your site. To troubleshoot, I’d use the Inspector in Chrome or Firefox (or your browser of choice) to highlight these items and see if you can find CSS that’s creating those grey blocks.

    If you haven’t used them before, here’s Googles main page for Chrome Dev Tools:
    https://developers.google.com/web/tools/chrome-devtools/?hl=en

    If you’re able to provide a URL, I’m happy to take a look.

    Cheers!

    Thread Starter TheFado96

    (@thefado96)

    I investigated further with the code inspector and found out where the problem was:
    https://i.imgur.com/lm5LHWj.jpg
    As you suspected, the problem was in Storefont’s “style.css”on line 718. Once i deleted the “padding” propriety from that element, the gray blocks disappeared.
    I’m now working on possibly eliminating the grey lines (they can barely be seen below the columns) even though, at this point, they are a minor problem.
    Thanks for and answering me Eric.

    EDIT:
    The lines where taken care of too. Yet another class to modify in “style.css”. I modified the “border-bottom” propriety of .hentry to (0,0,0,0). Now it looks way more clean:
    https://i.imgur.com/cPGOYRE.jpg

    I’m setting the thread to Solved since i don’t think there will be more questions about this.

    Hey TheFado96,

    Really glad you got it sorted out! Cheers!

    Hey, glad you got this sorted. But a word of advice, please don’t edit core Storefront files. The reason being that your modifications will be lost when you next update.

    Instead you can use a child theme to house your customisations, or a plugin like this one; https://github.com/woothemes/theme-customisations ??

    Best

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Weird Gray Rectangles On Contnent Area?’ is closed to new replies.