Questions tagged [css]

CSS, short for Cascading Style Sheets, is a language used to control the presentation (including colors, layout, and fonts) of HTML and XHTML documents.

Filter by
Sorted by
Tagged with
1
vote
1answer
999 views

Link stylesheets up directories using .htaccess [duplicate]

How do I move up a directory using the <link> in HTML for my stylesheets to work while using htaccess? My directories are as: index.php .htaccess css/ styles.css php/ login.php In my ...
1
vote
0answers
705 views

Google PageSpeed says “Eliminate render-blocking JavaScript and CSS in above-the-fold content” [closed]

I own a WordPress site and I am trying to improve my PageSpeed Insights score. The only "Red" item I have says "Eliminate render-blocking JavaScript and CSS in above-the-fold content" Render ...
1
vote
1answer
3k views

How to style an svg using external stylesheet? [closed]

I have an SVG file and I want to include it in an HTML page. I want to style it using an external CSS file, but I don't want to include the stylesheet reference in the SVG itself. Is this possible? ...
1
vote
3answers
110 views

Will Googlebot take text appearance into account?

The Google bot will rank words by the surrounding tag. A text between h1 tags will have more score than the content of another h{n} element or the p element, of course. However, is the Google bot ...
3
votes
1answer
40 views

Fixed media player

The following website has a fixed media player at the top of the page. When you click internal links and browse through the site, the audio feed is uninterrupted. http://www.kcrw.com/music/shows/...
0
votes
3answers
855 views

Identify what CSS rule is adding arrows next to list elements

I'm trying to identify the CSS that is generating the arrows next to the items in the "Recent Jobs" section of my site's homepage (scroll down, sidebar on right). The code is being generated by a ...
4
votes
1answer
114 views

Where is “MediaWiki:Vector.css” of my MediaWiki

I want to install Skin:Vector-DarkCSS on my MediaWiki. It must be simple, but second step of installation instructions syas I have to edit MediaWiki:Vector.css on my wiki. I searched for file with ...
0
votes
4answers
1k views

Do you need to place an 'h1' into a 'p' tag in order to style it so it won't hurt your SEO?

Some people say that it's bad for SEO to style h1 using CSS and an h1 tag selector, and instead the developer has to place the h1 into a p tag so that it inherits its styles. Is this correct, or not?
0
votes
1answer
45 views

CSS/Design files aren't loading [closed]

I've transferred my OpenCart site to a new hosting. I've followed every step from this tutorial (https://isenselabs.com/posts/step-by-step-opencart-migration-to-a-new-server). My transfer is complete ...
3
votes
3answers
159 views

Is animating in Navbar a good idea? [closed]

I am animating in my Navbar with GSAP when the page loads. The navbar is being animated in by changing the height from 0 to 100%. The height in css is always set to 0 and it worries me if the ...
0
votes
1answer
40 views

How can I make my simple HTML pages more friendly to mobile screens? [closed]

I have had a simple HTML website up for a very long time, but since the rise of modern mobile devices (e.g. iOS, Android), the text rendered is painfully small and with very annoying fixed wide ...
1
vote
3answers
882 views

Will it impact SEO to use Flexbox to move text up in the page source code but leave it further down the rendered page?

With Flexbox, it's easy to reorder content in page and put SEO content in the top of the page for robots and reorder page block to put that content in the bottom of the page for users. Is it worth it?...
4
votes
2answers
912 views

My entire website is showing a blank screen on Bing and Google's cached crawls

I just noticed that my website, www.dupure.com, just shows a blank screen when I look at the cached information on both Bing and Google. Here's two links: Google cache Bing cache Because I'm using ...
2
votes
1answer
60 views

Is text that use CSS “user-select: none;” indexed and ranked by search engines?

As I understand this CSS property it is used to prevent the user from accidentally selecting text and other elements that are used for stylistic reasons, or are part of the user-interface (e.g. a ...
3
votes
1answer
3k views

Questions about editing a site created in Adobe Muse by someone else

A client came to me with an existing site created in Adobe Muse by another developer. They had exported the site to HTML so I could post the files to the client's new hosting account. Now the client ...
5
votes
1answer
2k views

Does display:none prevent a video from being downloaded

I have a 22MB video on my homepage but when the screen goes narrow, the entire div won't show, to prevent it loading slowly on a phone. Is the page still downloading the video and just not showing (...
7
votes
2answers
1k views

Does text-shadow CSS affect SEO ranking by risking a cloaking penalty?

I've done googling this but didn't found any answers and would love to try this out on my website. As it's a good ranking website, I want to ask you before risking it. font-size: 50px; ...
1
vote
2answers
776 views

How to find out javascript functions for above the fold?

There are plenty of tools to get css rules for above the fold (critical css path), like this one. But how could one find out, which javascript functions are needed for above the fold area? The ...
1
vote
2answers
45 views

Using the same word in multiple links to other pages — avoid looking spammy while getting the benefit of linking using that keyword

We have top level categories on our site that have a bunch of child categories within them. So for example we have a category called "Aquarium Supplies" with like 50 categories within it (i.e. ...
0
votes
1answer
112 views

Is this possible: Use css from other virtual host?

So my questions is as follows: Say I have a website at /var/www/Electrician and I have a website at /var/www/Restaurant. If these websites use separate host files can I use the same CSS to reduce ...
1
vote
0answers
483 views

Is it possible to change all instances of a css color in Chrome's developer tools? [closed]

Within a website I'm managing, it's necessary to see how a color change affects the site on a global level. I know that I can use the inspector, find the element, and change the css color there and ...
2
votes
1answer
62 views

Fetch as Google huge margin on top and bottom [closed]

My website has recently started dropping in Google rankings so I started checking out Webmaster Tools. Weird thing is when I used Fetch as Google with render, I noticed huge margins on the top and ...
1
vote
1answer
54 views

Understanding Google App Engine Pricing for Websites ~ Should I change to dedicated website hosting? [duplicate]

I'm currently debugging U.I. code and writing articles for an analytical website that I plan to launch by the end of 2016. My concerns in regards to promoting the site is that, if it gains traction, I'...
1
vote
1answer
179 views

When is eliminating render-blocking CSS worth it?

We wanted to follow the PageSpeed Insights CSS recommendations and separate critical and deferred CSS. To that end we read lots of posts and recommendations, such as Optimize CSS Delivery and ...
2
votes
2answers
84 views

How much recyling CSS makes my website faster?

I'll give you two examples to clarify what I'm trying to say. Example 1: p { font-family: Arial; } #id1 { font-family: Arial; } .class1 { font-family: Arial; } #id2 { font-family: Arial; } ....
1
vote
2answers
71 views

Why would my website suddenly require absolute URLs for CSS?

So for months on this site I've had paths to my CSS files that look like: /css/syles.css and they've worked fine. Today I updated the file and saw my changes weren't being reflected in the browser. ...
3
votes
0answers
51 views

Is px a good unit to use in css? [closed]

When styling a website we have to deal with screen sizes and we normally size elements using px unit. I use bootstrap and there as well we have media queries to control at what screen size we should ...
0
votes
1answer
26 views

Printable characters between two links. How to legally hide so my page still appears correctly?

Once again, I'm trying to follow standards... Here's another issue. On one page of my site, I have a grid of clickable images. In HTML code, the grid is partly as follows, and the images are ...
0
votes
0answers
18 views

Displaying one version of webpage in SERP's based on screen resolution

For each page on my site with a mobile equivalent, I use the following HTML tag on the desktop version: <link rel="alternate" href="(mobile)" media="only screen and (max-width:500px)"> and I ...
1
vote
1answer
152 views

Using Easy Google Fonts plugin to override theme header: How can I find the right selector?

I'm using the theme which has inherited its' style from the theme Wallstreet for WordPress and I cannot find the selector to use with Google fonts plugin that will let me change the font face for the ...
2
votes
3answers
1k views

Does styling links in the same way as non-clickable text affect seo?

I have a web design where a elements looks exactly like p elements. Pages may have many links so I want the links to look similar to normal text for readability reasons. Does this affect SEO in any ...
1
vote
3answers
288 views

Is it better for SEO to use margin or padding around images?

I'm trying to style the distance of text around images and I've experimented with margin and padding. For testing purposes I tried 100px around images and what I have seen is that with padding the ...
0
votes
1answer
59 views

Can CSS cause a hyperlink to become inactive? [closed]

Please excuse me if this is the wrong site to post this type of issue to. However, after examining all of the Stack Exchange websites, this looked like the best one to post my question to: I came ...
1
vote
1answer
1k views

Each of my media queries is getting a parse error when I try to validate css

I am trying to validate a css file. Every one of my media queries is getting a parse error. I have checked and I do not have any missing curly brackets, colons, or semi-colons. I also set the W3C ...
0
votes
4answers
987 views

Inline CSS on Header Tag

Does putting inline CSS on a heading element such as <h1> and <h2> affect SEO? If so, how?
2
votes
1answer
571 views

Is scroll bar included in the browser viewport width?

Wondering for CSS purposes if the scroll bar is included in the viewport width? Specifically I'm thinking about calculating the sizes for img srcset. For example, would I need to account for it by ...
4
votes
1answer
131 views

Will underlying content (hidden by z-index until exposed by user action) be ignored by Google?

In my web app the application itself will take up most of the screen estate (the pink layer in the below picture), while the about page (the blue layer) is hidden below it, thanks to z-index. If the ...
-1
votes
1answer
27 views

What's bootstrap.css and why and how is it used [closed]

I've seen so many templates having this bootstrap.min.css file which also was like 125kbs. What is it used for?
1
vote
0answers
91 views

Can images be combined using the clip CSS Property while still maintaining image SEO and semantics?

I have two images in my web page. Actually there are 20 but I want to keep things simple: <div> <img src="apple.png" alt="Apple" /> <img src="orange.png" alt="Orange" /> &...
2
votes
1answer
24 views

Thoughts on situating a mobile-only conversion form?

I have a Drupal 7 site. In desktop display, the site contains a sidebar contact form and in most mobile displays, this form goes down below the webpages and buffering between them and the footer (that'...
2
votes
1answer
2k views

Does bootstrap hidden-sm effect SEO consequences

So hiding text can be seen by Google as a black hat SEO trick, that's what I have read on many articles out there. So when a user is viewing my website on their mobile, There are usually a few things ...
3
votes
2answers
854 views

Does Google care about code formatting?

TLDR; Does Google care how code is formatted? Background I work in an agency. One developer is trying to convince the other to put line-breaks between rules in his css file: .class { width:100%...
2
votes
1answer
948 views

How do browsers handle multiple font-faces, when their source is the same?

I know that using multiple different fonts with font-face has a considerable performance implication if the website is already resource extensive, particularly on mobile (although less so, now that ...
0
votes
1answer
354 views

Can 'crumbs' in a long line of breadcrumbs (using Schema.org) be removed for smaller screen sizes?

Let's say I have a page with 5 breadcrumbs; on a desktop, this looks fine but when viewed on a phone, the crumbs wrap to the next line. If I'm wanting the crumbs to fit into one nice clean line, am I ...
2
votes
2answers
647 views

Is there a performance difference between background-size:cover and background-size:100% auto?

I know what the difference is between background-size: cover and background-size: 100% auto. I'm curious if there is a performance difference between the two and which one would be preferred?
3
votes
2answers
3k views

What units to use in responsive design?

So I am really at loss which units to adopt when developing responsive layouts. Some say use viewport units. Other people say use rem. Other say use media queries and pixel ratio. So what unit is the "...
3
votes
2answers
142 views

Can randomly named CSS classes hurt rankings?

My website uses random words for CSS classes. For example: gruig. Now I'm little scared that this might somehow lower our Google rankings. Will it?
2
votes
2answers
2k views

Which web font supports all languages?

I have a site which has fonts of all languages but most of the fonts don't support most of the languages other than English. Is there any font that supports all the languages? It will be OK if it is ...
1
vote
1answer
398 views

Hide text ONLY for screen readers

The WCAG says it can be done by aria-hidden tag, but I've read it's not working at many screen readers. Can't get how display:none can help to hide some text only for screen readers (=visible to ...
2
votes
0answers
33 views

ASP.NET multilingual through cookie/URL - Google sees one version

Our website is multilingual and works through cookies/URL www.amlik.com/ar/ www.amlik.com/en/ The problem we are facing is Google sees only the arabic (default version of our site) even when ...

1 2
3
4 5
13