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.
648
questions
0
votes
0answers
4 views
CSS for custom Google search box [migrated]
On the site I'm trying to build: https://www.dynomotion.com/test/index-search.htm the cursor does not focus within the search box. Does anybody know I have done wrong?
For the styling of the search, I ...
3
votes
0answers
27 views
printable responsive layout [closed]
I'm quite a newbie in web design.
I'm starting off with a W3 template. Please see this one as illustration: https://www.w3schools.com/w3css/tryw3css_templates_food_blog.htm .
I'm trying to implement ...
1
vote
0answers
24 views
Prevent images from loading in display:none container until the container is shown
As a newbie to website development, I'm struggling to optimise my website to get it to load content only when needed.
Aim: to stop the tab that has all the photo content from loading until the user ...
5
votes
1answer
172 views
How do you avoid cumulative layout shift with responsively sized images?
On my site Google Webmaster Tools says that a bunch of pages have cumulative layout shift (CLS) errors. Otherwise known as jerky loading.
On my page images are always in a div with a class that sets ...
0
votes
2answers
18 views
Android browser compatibility checking
Apart from the suggestions made in How can I see what my web site looks like in various browsers?, I have actively downloaded the 3 major browsers (Chrome, Firefox and Internet Explorer) and I check ...
1
vote
1answer
43 views
Do CSS libraries like Bootsrap hurt SEO and Google rankings?
Recently one of my coworkers, insisted on that i should rework a project, just because I used Bootstrap as a grid system. He argued
"that usage of CSS libraries (especially Bootstrap) is the one ...
3
votes
1answer
107 views
Best practice for measurements relative to screen size, on mobile devices?
What unit or approach is best (or at least good!) practice for using measurements relative to screen size? I'm constraining this question to mobile devices, which I suspect may affect the answers. I'd ...
3
votes
1answer
91 views
How to redirect to style sheet after switching domain names?
We have switched domain names from example.com to example.org . I have set up a general 301 redirect for all of the site URLs in the .htaccess file on the example.com server and all the pages are ...
1
vote
2answers
35 views
Could styling <abbr> tag with CSS penalize SEO?
I heard that styling <strong> tag with css (for example to make in in normal font weight) could lead to penalties in ranking.
I am wondering if I can css styles <abbr> tag without be ...
1
vote
0answers
57 views
How do I configure WordPress so that it doesn't make calls to `wp-ajax` now that I'm no longer using a side cart plugin?
I was using WooCommerce side cart plugin on my website. I noticed that the plugin caused heavy process on my web site, so I decided to remove the plugin.
I tested my website with gtmetrix.
For the ...
0
votes
1answer
2k views
How to manually add expire header for google fonts css files? [duplicate]
i am trying to boost my website, but when i look it on gmetrix
it says following statement
There are 6 static components without a far-future expiration date.
https://fonts.googleapis.com/css?...
1
vote
1answer
19 views
Is there a CSS or JS solution to stop bad word wrapping arround images on mobile?
I have a blog post here which works fine on a larger screen but not so much on a smaller one.
As you can see from the screenshot below the paragraph breaks very poorly around the image. Given how ...
0
votes
1answer
57 views
Switching between alternate CSS stylesheets - what are all the available settings?
What are all the available settings for stylesheet <link> elements?
When deploying CSS stylesheet <link> elements, what are all the available settings?
A persistent stylesheet looks like ...
1
vote
0answers
11 views
How can I make this type of outline-type menu? [closed]
I really want to add this kind of expandable outline-type menu to my website. I've seen it before in digital help manuals, but I've never seen one online. Each item would link to a page in my website. ...
2
votes
1answer
42 views
Why are my Tag Manager triggers never firing when I set the condition to “matches CSS condition”?
In Tag Manager, I set up a Link Click trigger with these conditions:
Click Classes > matches CSS selector > .amazon-button
But for some reason, when I click on an Amazon button, the trigger never ...
1
vote
0answers
16 views
Are there SEO repercussions of using ::before selector to add content to the page?
I'm working on a website where I don't have full access to the code.
I'm having to use a ::before content selector to add a sub-header.
Are there any known SEO repercussions from doing this? ...
1
vote
1answer
33 views
Not Hiding but REMOVING content for mobile
I understand using media queries and display:none to hide content for mobile. The problem is that the content still downloads.
I found this older post that has a similar issue, but hoping for more ...
2
votes
2answers
319 views
Numbered lists using <h2> and <h3> tags impact on SEO
I have several blog posts with list or a series of steps. I.e.,
1. First Item/Step
blah, blah, blah
2. Second Item/Step
blah, blah, blah
3. Third Item/Step
blah, blah, blah
These steps are ...
0
votes
1answer
16 views
Is there a text editor that auto reloads the page in the browser as I type? [closed]
I'm new to web design and working on some complex CSS and currently I'm working with the dev tools in FireFox and tweaking the CSS there then switching to Sublime Text to retype the altered CSS. Is ...
2
votes
1answer
165 views
Is there a purpose for CSS media queries using mobile DPI resolution?
Often see people give DPI resolution on his Media Query for mobile. What is it for? Does it serve a purpose? Do we need it?
I normally build my media queries for all devices (desktop, tablet and ...
2
votes
0answers
26 views
Recommend Method for Showing Filtered Data?
Let's say you're displaying a list of products and you can filter the products by different attributes. The filtering is purely front end. Is it recommended to put all the products in the HTML and use ...
2
votes
1answer
43 views
Is a child element set to visible while its parent set to hidden bad for SEO?
To modify the style of a component within a framework, I need to set the visibility of the parent container to hidden and the visibility of its child that contains the content to visible.
Is that bad ...
3
votes
1answer
29 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 /...
1
vote
1answer
876 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 ...
1
vote
0answers
21 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 ...
5
votes
3answers
72 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 ...
2
votes
2answers
37 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
248 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 ...
5
votes
2answers
502 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 ...
0
votes
3answers
55 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 ...
1
vote
0answers
131 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
41 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
131 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>
...
1
vote
1answer
993 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 ...
0
votes
1answer
88 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
1answer
51 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 ...
0
votes
1answer
468 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 ...
1
vote
2answers
2k 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-...
2
votes
1answer
4k 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 ...
0
votes
2answers
37 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 ...
5
votes
1answer
160 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 ...
0
votes
2answers
609 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 ...
1
vote
1answer
64 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. ...
2
votes
1answer
174 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 ...
2
votes
0answers
88 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?
2
votes
3answers
3k 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
2answers
217 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
1answer
143 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 ...
1
vote
0answers
20 views
Using web-fonts on Wordpress.org site [closed]
I am trying to use a font I found from the internet on my website, however after many attempts it just doesn't work and the words go back to the standart "Times New Roman" font.
I have successfully ...
