Remove border around Parallax homepage widget section/fix parallax picture place

How do I go about using CSS to remove what looks like a 1px border around parallax sections on my homepage, I’m using shapely? I’m also wondering how I could remove the tiny 1px border that is underneath the navigation bar.

The second part to this question is how can I go about fixing my problem from the screen shot I attached?! It seems my images aren’t loading properly, sometimes scrolling will fix it or if I zoom the page in and out it will fix it. It doesn’t always load like this either, however I’d like to get it functioning properly!
Thanks!

You may notice that the parallax section below it as well overlaps and creates a border that overlaps other sections. This is what needs to be removed, as well fixed. Any help would be extremely great, thank you all!

Hi @shikahgo,

I hope you are well today and thank you for your questions.

How do I go about using CSS to remove what looks like a 1px border around parallax sections on my homepage, I’m using shapely? I’m also wondering how I could remove the tiny 1px border that is underneath the navigation bar.

Could you please share me your site URL where it’s displaying so that i can help you to remove it?

The second part to this question is how can I go about fixing my problem from the screen shot I attached?! It seems my images aren’t loading properly, sometimes scrolling will fix it or if I zoom the page in and out it will fix it. It doesn’t always load like this either, however I’d like to get it functioning properly!

It is the known issue as reported on the following page which will be resolved ASAP.

Best Regards,
Movin

Absolutely, my website is ChicagoGemShop.com and thank you so much for letting me know it will be fixed, figured it may do some good to report it!

Hey Movin I set my last comment to private and changed it to public, i’m not sure how the messaging system quite works on here if you’d of seen it or not, after we resolve this can you or another mod edit out my site URL? I’ve had trouble in the past with hackers skimming the WordPress forums for targets and brought lots of unwanted traffic my way.

I noticed as well the parralax sections are shaking on only the Microsoft Surface, I read that reducing images to 2000px wide helps (although this was for Safari), i’ll try that. That may possibly help resolve the overlapping issue as well. I’ll post back later on this.

I’m still curious on the removing of the border though, and will check back later in the afternoon! Thank you once again Movin for your help!

I just removed a plugin which added page animations, it seems that now that it’s removed while the problem still happens with the grey boxes; it seems that when the page animations plugin is disabled, once you begin scrolling it will fix itself at least. The next step for now would be to figure out how to turn the borders invisible to help with this.

Edit: It appears after logging out the problem will still persist as normal.

You can try removing that border on your shared site by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


.shapely_home_features section {
    border: 0;
}

I have marked your reply as private where you have posted your site URL so that only you and me can see it.

Thank you very much, this helped removed the border on the features section… I modified the code a little to also affect the parallax sections, looks like it has worked! For anyone who needs the code snippet with mine and Movin’s

.shapely_home_features section {
    border: 0;
}

.shapely_home_parallax section {
    border: 0;
}

I have tried this logged out and logged in, it seems it is 100% working now! Thank you so much Movin, i’m still learning HTML and CSS and was actually quite close in calling on the right section, huge lesson learned here though from you!

The code probably could be simplified even further for my use, however may be best the way it is for others to use separate.

Yes you can simplify that code as following.



.shapely_home_features section,
.shapely_home_parallax section {
    border: 0;
}

You are most welcome here :slight_smile: