Solved

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

Posted on 2014-01-08
2
409 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 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 250 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

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

Question has a verified solution.

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

Read about how to approach blogging and about ways to do it right. Stand out from the crowd and let your knowledge be consumed by a large audience. This article aims to explain how your blog should look like,  the most important things to do while b…
In this blog, I will share you some basic tips for content marketing and to rank your website on Google.
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

710 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