We’re rewarding the question askers & reputations are being recalculated! Read more.

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
3
votes
2answers
124 views

AdSense units don't respect CSS margin rules

I just noticed that on sites with "auto ads" enabled, auto-placed AdSense units don't follow CSS rules regarding margin or padding in mobile view. They display across the entire viewport instead of ...
2
votes
2answers
144 views

Do missing background images from CSS affect SEO?

I am in the midst of a discussion about a number of broken links on a site which has discovered by a checker tool. My argument is that the majority of these links are from the CSS in the form of ...
0
votes
0answers
9 views

Why am I getting large margins around my website headers? [on hold]

I can't figure out why my website is adding a bunch of extra vertical space above and below my html headings. And the margins it's using is some strange number. See this screenshot for an example. h1,...
-1
votes
0answers
10 views

How to create Constant Glow Effect Icon? [on hold]

how to create such glowing effect in a icon through code???
2
votes
1answer
22 views

Can robots.txt be used to prevent bots from seeing lazily loaded content?

Let's say that googlebot is scraping https://example.com/page. example.com has a robots.txt file that disallows /endpoint-for-lazy-loaded-content, but allows /page /page lazy loads content using /...
5
votes
3answers
63 views

Does rendered HTML from an angular app need to be styled and pretty when shown just to search engine bots?

I have an angular app, and while google does index those now, many other sites do not. I have built some middleware that intercepts requests from crawlers and serves static HTML pages that those ...
1
vote
1answer
37 views

Problem with padding on Firefox and Chrome

I am trying to make a responsive website (Desktop, Tablet, and Smartphone), and I would like to show it in different browsers. This is how I built my links with nav-element on my html site: <nav ...
4
votes
7answers
22k views

How can I determine the background color of a site?

How can I determine the background color of a site (so I can use that color in Photoshop)? I looked at the source code, but I don't know code well enough to figure out what's what...
2
votes
3answers
977 views

JavaScript and CSS cached and not updating not updating from WAMP server even though “view source” shows most recent file

I have a WAMP server with PHP 7.2.10. When I change a file, for example .css, the changes is not visible in browser. When I "view source" via my browser (Ctrl+U) I get the updated latest version of ...
1
vote
0answers
19 views

Background Color - breakpoint for mobile [closed]

Trying to help for a page - https://example.com/. If I scale my desktop browser - smaller like I'm trying to view as a tablet/phone ..the header has a red background... How can I make the full ...
0
votes
1answer
902 views

Does Google index/crawl display:none divs? [duplicate]

My website has a message on the index file and it will be shown on a special condition. When I search for my site via keywords, google search shows the message. My code looks like as below <div ...
2
votes
2answers
25 views

How does google treat h1-3's that are styled to be smaller than a lower class of heading?

For example: You have you h1 <h1>Epic SEO Keywords</h1> then right below <h2 class="Massive text">Enjoy the future of you, visualise your dreams</h2> Will Google render ...
2
votes
1answer
66 views

How can I combining many external Javascript scripts into one?

I check my website using gtmetrix and my website is recommended for fewer HTTP requests and reduce DNS lookups. So I must to combining combining many external Javascript scripts into one In my layout ...
0
votes
2answers
199 views

Is “overflow hidden + javascript scrolling control” affect SEO

I have an html page with a css overflow:hidden affected to body My <content> is at top:100% positioned in absolute. When I scroll, a javascript code change the <content> top position to ...
0
votes
3answers
52 views

Where do I put my static HTML and CSS files when migrating my site from Joomla?

I previously made a website with the Joomla CMS. Once it was online, I started over from scratch to re-do my website using only handwritten HTML/CSS (and a little of JavaScript). My question is: How ...
0
votes
0answers
10 views

Processing iframes reliably when webserver can only handle one request at a time

I'm trying to serve HTML from a web server made in MS-DOS that is capable of processing one web request at a time. I made some HTML in which two iframes must be loaded. I use iframes because ...
1
vote
0answers
13 views

How to fix Mobile Usability Issues (page resources are not loaded) in Google Search Console

Our website is responsive but it is showing the below mobile usability issues at Google search console. 1. Content wider than screen 2. Clickable elements too close together 3. Text too small to read ...
-1
votes
1answer
26 views

How do I keep a raw HTML version of my website alongside one with CSS styles and classes applied [closed]

I am in the process of making a simple website with informational content and I am interested in keeping a raw html version of my website (that is without any divs or other things that are used to ...
1
vote
0answers
21 views

Selecting a forms “select” option based on referring URL [closed]

I have a seemingly simple question that I can’t find an answer for. Scenario: I am developing a ”single-page” website based on a HTML5 UP! template that shows/hides content after clicking a button ...
0
votes
1answer
54 views

MediaWiki destroys CSS aesthetics for <code> tag

In MediaWiki:Common.css I gave these essential directives: code { display: block; } then I created an article with this content: <code> <x> <y> <z></z> ...
0
votes
2answers
98 views

Is it bad for SEO to use CSS to hide the H1 tag for mobile visitors?

I have a slider which is hidden by 'display:none' when viewed on mobile phones. This slider contains our H1 tag. Is this bad practise? The H1 tag itself is not hidden, but the div containing the ...
4
votes
2answers
2k views

Embedding a Disqus forum on my website: showing scrollable area instead of expanding the height

I hope I put this question as it should, I am not an expert in html/css/javascript, so forgive me if it's not very clear. The issue is as follows. I made my first website last week for the birth of ...
0
votes
1answer
63 views

Have you ever worked with a vertical viewport as webmasters? Or only with horizontal one?

Have you ever worked with a vertical viewport as webmasters? Or only with horizontal one? All CSS literature I ever read is on (horizontal) viewport; as in @media screen and (min-width: 959px). To me ...
0
votes
0answers
7 views

What is the mobile media query for “Gmail App on iPhone 8 or X”

I am trying to finish this email in mailchimp. Everything works fine except for the "Gmail App on iPhone 8 or X". Question: What is a working mobile media query for "Gmail App on iPhone 8 or X?" It ...
5
votes
4answers
9k views

Check for duplicate 'id' values in a HTML page

I am developing a web application and I would like to check for duplicate id values in a HTML page. I am running the application on my local machine. There is a way to do that? P.S.: I am using ...
0
votes
1answer
48 views

MediaWiki: How to delete the about page?

in a MediaWiki project I don't need the automatically created About webpage because in this case the homepage already covers the about details of the project. I can delete any webpage but for some ...
43
votes
5answers
11k views

Why do big sites host their images/css on external domains?

Why do sites like Facebook, Twitter, and Google host their images and css on external domains such as: Facebook: static.ak.fbcdn.net Twitter: a0.twimg.com Google: ssl.gstatic.com Question(s): Is is ...
0
votes
0answers
13 views

What lengths do I need to go to avoid display:none [duplicate]

So after almost a decade, I'm totally revamping my company website, largely to make it mobile friendly. The responsiveness I've added works great, except for the header, for which I use text so Google ...
11
votes
1answer
11k views

Google Chrome for Mac, CSS colors and display profiles

So, I'm aware that some browsers correct the colors in images in accordance with system settings, and that browsers differ in how they do this. But I'm very surprised when a color specified in a ...
0
votes
1answer
85 views

Trying to determine why same font on two sites renders differently

Issue Two web sites have the same font, set up with the same typography. Yet they render differently. Background I need to replicate the typography from site #1 ("Sample Site") to site #2 ("Client ...
5
votes
1answer
4k views

Google Mobile Usability says “Content wider than screen” even though I can't reproduce that locally and X overflow is set to hidden

Unable to fix error Google Mobile Usability > Content wider than screen in Google Search Console. I have try chrome mobile layout emulator from DevTools, set width to 320px but no horizontal scroll ...
1
vote
1answer
56 views

Custom font not loading

I am looking to use the old "phone book" font for a project I'm working on currently, I have the fonts and was able to set up a stylesheet for them: http://interlinked.cf/css/bellgothic.css @font-...
3
votes
2answers
191 views

Math to create web design grids?

I have my own grid layout, and I am creating multiple column designs for a website. Is there any formula I can follow to create different column designs with identical gutter space, ie. margins? Most ...
0
votes
2answers
29 views

Is it possible to download all website Elements from a CSS Stylesheet? [closed]

I have just been asked to look at a website and see if there are any ways to improve its Page Load speed. I have identified that there are a lot of duplicate CSS Entries, across a lot of separate CSS ...
0
votes
0answers
21 views

Mobile usability issues reported by Google at Search Console [duplicate]

Our website is responsive but it is showing the below mobile usability issues at Google search console. Content wider than scree Clickable elements too close together When tested using mobile ...
4
votes
0answers
48 views

How to make a site built with google.sites read right to left for Arabic language?

I have google.sites in Arabic, and I'd like to make it right to left so that combination of Arabic-English can be displayed correctly on each line. This can be achieved by adding direction="rtl"‍‍ to ...
1
vote
1answer
33 views

SEO impact of usage of many spacers/formatters/… class in HTML instead of in css static file

We're working on redesigning our full website, we have a critical impact on our business from SEO. We are trying to use a lot of formatters, spacers, etc classes from SASS like suggested by bootstrap. ...
8
votes
1answer
14k views

Is it necessary to specify content-type in http response header?

Except for the html document, currently all the files (css, javascript and images) served from my web server do not specify the content-type in the http response header. I happen to notice this as I ...
1
vote
2answers
5k views

How to change the background color of searchbox for Google CSE?

How can I change the background color for search box of google custom search? It is white by default, I want to set it to gray, so that it looks like this example. The V1 CSS code for the search ...
2
votes
1answer
92 views

Loading multiple pictures as sprites?

I've read it's a good idea to combine images as sprites (and use background positioning) to have less dns lookups and therefore speed up your site. But it seems all the images are loading ...
12
votes
4answers
4k views

Can CSS be copyrighted?

I know CSS on a website is protected under the website's copyright since it is considered part of the overall design. I also know that images used in CSS are copyrightable. How about when CSS is used ...
1
vote
1answer
150 views

How to style a div on the home page like a blog post [closed]

I have a theme. Because I don't have a static home page, a list of my latest posts is my home page. I want to add a drop-down box which I have coded on my starting home page which should remain ...
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 ...
1
vote
1answer
24 views

Getting the same site to show with a different domain extension in Google

We have one site: sitea.co.uk We also own the domain: sitea.com (redirects to sitea.co.uk) We want US visitors to see sitea.com both in the browser and in Google when searching for our company ...
2
votes
0answers
76 views

Mobile-Friendly errors from JS/CSS folders in Google Search Console [closed]

Google Search Console is warning me about Mobile Friendly errors. But all the errors are coming from the assets folder where I keep my CSS and JS files. Can anyone can help explain these errors?
1
vote
2answers
69 views

Does having a <span> tag around a portion of a word hurt SEO?

If I do <h1>H<span style="font-size: 12px;">ello</span> W<span style="font-size: 12px;">orld</span></h1> Will search engines read it as "Hello World"? Will this ...
1
vote
2answers
83 views

SEO impact of changing versions (and names) of external CSS

A website of mine uses a WordPress plugin for CSS minification. The plugin regenerates the CSS file on every update to the style-sheet. When it does, the plugin also changes the version and hence name ...
0
votes
2answers
66 views

Will random text and links hidden by CSS around our content to prevent it from being crawled and parsed prevent Google from indexing those pages?

I have a Q/A website which is lunched for about 3 months. I don't know why the single pages will not be indexed in the google. For example when I search for جهت مستفیض شدن از ماه محرم, I will see the ...
1
vote
1answer
109 views

GTmetrix complains of un-optimized images in responsive design

The website GTmetrix is giving me low score on "Optimize images" for the following reason: On my main page I have 4 columns with images. Each column takes 25% of the screen resolution so on my ...
3
votes
1answer
39 views

Problem with .htaccess for files having similar kind of names

I have a file with name lang.php and another file in the same folder with same lang_inst.php. The .htaccess am using is: RewriteEngine On Options -Indexes RewriteCond %{REQUEST_FILENAME} !-d ...