Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Weird safari and chrome artifact appearing in my wordpress + Gantry site

Posted on 2014-01-08
2
Medium Priority
?
438 Views
Last Modified: 2014-01-08
can anybody help me understand why a small grid pattern is appearing behind my slider on my wordpress site. it only appears in safari and chrome, but not firefox as far as I can tell. http://wordpress.geospatial-associates.com
0
Comment
Question by:GeoLearn
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 1000 total points
ID: 39765882
There's a CSS element that's doing it:

.rt-showcase-pattern {
background-image: -webkit-linear-gradient(rgba(0,0,0,0.03) 2px, transparent 2px), -webkit-linear-gradient(0, rgba(0,0,0,0.03) 2px, transparent 2px), -webkit-linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px), -webkit-linear-gradient(0, rgba(0,0,0,0.03) 1px, transparent 1px);

Open in new window


in

http://wordpress.geospatial-associates.com/wp-content/themes/rt_gantry_wp/css-compiled/master-b303c1e5744d1b4f618d61af7361442b.css?ver=4.1.0

I'm assuming only webkit browsers support it so that would be why it only shows up in Chrome/Safari
0
 
LVL 29

Assisted Solution

by:chilternPC
chilternPC earned 1000 total points
ID: 39765980
yes - its supposed to be there.
the browsers that don't show it are not up to date.

its in a file:
http://wordpress.geospatial-associates.com/wp-content/themes/rt_gantry_wp/css-compiled/master-b303c1e5744d1b4f618d61af7361442b.css

this is the code:
.rt-showcase-pattern {
background-image: -webkit-linear-gradient(rgba(0,0,0,0.03) 2px, transparent 2px), -webkit-linear-gradient(0, rgba(0,0,0,0.03) 2px, transparent 2px), -webkit-linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px), -webkit-linear-gradient(0, rgba(0,0,0,0.03) 1px, transparent 1px);
background-size: 80px 80px, 80px 80px, 5px 5px, 5px 5px;
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

I think it looks better with it.  but yo can just comment it out of that file
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
There is a massive demand for content on the web right now, and it doesn't look like it's going to stop any time soon. But, if you are running a business blog, it's not just enough to offer your audience lots of content. It needs to be high-quality…
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question