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
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 ...
5
votes
1answer
161 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 ...
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
1answer
1k 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 ...
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
221 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 ...
2
votes
1answer
206 views

Will having a poor print page format hurt SEO?

I have searched to try and find out if there is any connection between the "print page" and SEO rankings and Google's indexing of the site. To me, it seems like the websites which have messy layouts ...
6
votes
4answers
14k views

Numbered list with subclauses

I'm trying to create a legal document with decimal numbered subclauses, then alpha and roman subsub and subsubsub clauses. (whew!) `1. MAIN HEADING 1.1 This is an example of a sub-clause and you can ...
1
vote
0answers
61 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 ...
75
votes
8answers
29k views

How bad is it to use display: none in CSS?

I've heard many times that it's bad to use display: none for SEO reasons, as it could be an attempt to push in irrelevant popular keywords. A few questions: Is that still received wisdom? Does it ...
0
votes
2answers
19 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
44 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 ...
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-...
3
votes
1answer
108 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 ...
1
vote
2answers
472 views

Blogger's embedded CSS and JavaScript

I'm trying to host a blog on Blogger with a custom domain. It's all good except the annoyance of many workplaces blocking the Blogger website using web-filters, including mine. This is causing the ...
3
votes
1answer
98 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 ...
20
votes
6answers
11k views

Do CSS class names have any effect on SEO?

I have seen some of our competitors using keyword-rich CSS class names. As an example, if I were in the pet grooming business, I would name my #menu as: #menu.pet.grooming.moreKeywords.etc { ... } ...
1
vote
1answer
95 views

How do I get rid of white space around a div set to width 100% that is only inside a body tag?

I have this meticulous problem, I have a test html page whose body content is a single div tag. I made the width and height of the div tag to 100% and colored the background red. And I get irritated ...
2
votes
2answers
13k views

Problem loading a local file in html using the “iframe” tag

I am trying to load a local html file within an iframe but nothing happens. I hear this is a security feature of my OS (windows 8). I am designing a website that is not domain registered yet and need ...
16
votes
9answers
4k views

Should I use HTML5 and/or CSS3 to build my website?

The new HTML5/CSS3 (Web8!) stuff sounds cool! Should I start using it now or stick with css/xhtml wait until more browsers can use it?
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 ...
2
votes
2answers
339 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
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
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 ...
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 ...
2
votes
2answers
693 views

Google's cache is not using my custom font

When I check my site’s cache view on Google Search, I see Google does not use my custom font, it always replaces mine with Arial. Because of font widths, my whole design is changing. I have these ...
2
votes
3answers
148 views

Difference between “:” and “=” in HTML and CSS?

I am very new to HTML and CSS but while learning I ran into something that I was curious about. How come when you want to style or change font size etc. you use :. Example: style="color: red; font-...
1
vote
1answer
64 views

What is it called when an HTML block floats while scrolling down the content until something else takes its place?

Recently updated my blog and was looking for the improvements they have added. I noticed a floating section of text that stayed there until a part of description ended. (Similar to the timestamp on ...
2
votes
2answers
687 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?
2
votes
1answer
105 views

How do you use/make CSS based buttons? [closed]

'd like to have one image for the background and then reuse that for any size button with any text on it by just using a CSS class. So, I'd like to have the button, the moused-over and clicked button ...
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 ...
7
votes
1answer
6k views

How to check if linked JavaScript and CSS files are being used?

I've inherited a website that seems to import every JS and CSS framework my predecessor could think of. Is there an easy way to analyze the site and determine which ones are actually being used? Or ...
1
vote
2answers
224 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
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
3answers
4k views

CSS files not updating on FTP transfer overwrite

I have a weird issue: I have made changes to a CSS document but when I upload it and overwrite the existing file nothing changes - the old file remains. I have tried this on several FTP clients to ...
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
169 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 ...
0
votes
3answers
145 views

Web page element width

I saw this on a website and looked a bit through the CSS, but couldn't quite find what I am looking for. How to make an Html element let's say a <div> with a width of eg. 3000px, but make it so ...
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 ...
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 ...
5
votes
2answers
513 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
154 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 ...
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 /...
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 ...
1
vote
1answer
901 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 ...
5
votes
7answers
34k 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
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
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 ...

1
2 3 4 5
13