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
3answers
892 views

CSS parallax issue within Twenty Seventeen WordPress Theme

I hope this is the right place for this. I tried WP Developers but question was considered off topic. I’m using the Twenty Seventeen theme in WordPress (4.8.2) with a static front page with 4 ...
1
vote
1answer
163 views

CSS Linked Comments [closed]

How can I do this kind of comments using html + css? Best regards
3
votes
2answers
159 views

Can problems with inline styles in Google webcache text only view affect SEO?

I have a page that due to CMS requirements has an embedded background color style on an element that contains text <span style="background-color: #000">[text]</span>, the colour varies but ...
2
votes
2answers
856 views

Should I ignore W3 CSS Validation Service?

I just checked my site with W3 CSS Validation Service. It had more than 200 errors. Then I checked many sites including Stack OverFlow. Here is the results of Stack OverFlow. SO also has 108 errors. ...
0
votes
1answer
520 views

How do I use bootstrap's Darkly theme without external references?

I have used the bootstrap Darkly theme found here in the past, and it has worked great. This time, I'm developing a website that will be displayed to users when they connect to a wireless network. ...
0
votes
1answer
37 views

AJAX compatibilty [closed]

In 2015 Google stopped supporting their AJAX for Adsense program, So I've researched and developed tons of AJAX content. I understand the flaws so I'm striving for backwards compatibility. loadPage('...
7
votes
2answers
13k views

Best way to add a custom font to my site?

Based on my research, I found that there are 3 ways to do that which are: @import url ('https://..........'); in CSS @font-face {fonta-family: 'myfont'; src: url('myfont.tff');} in CSS <link rel="...
4
votes
1answer
2k views

Are Static Websites (HTML & CSS) Hack-Proof?

If a website uses HTML & CSS only without any server side language, does it make it Hack-Proof? Thank you
3
votes
1answer
486 views

SEO for links duplicated and hidden for responsive design

I would like to know if duplicating some links in the menu for responsive purposes (display:none in some cases) can affect SEO. Simple example: <ul> <li><a href="/one">one</a&...
2
votes
1answer
573 views

Which one should I use for SEO proposes? <div>text</div> or <img alt=“text” />

I know that the alt="" attribute is recommended for SEO propososes, but I also heard that put the description inside a div and hide with text-indent:-9999px or font-size:0; is a good practice for SEO. ...
1
vote
1answer
211 views

Will using a pseudo element to place background image on top of an image tag for SEO value have negative consequences

Will using a pseudo element like before to place background image on top of an img element for SEO value have negative consequences? The reason being we want the flexibility of an element with a ...
3
votes
2answers
477 views

Does Google count external Javascript or CSS files as backlinks?

Is there any information available on whether search engines (Google) count external Javascript or CSS files as backlinks? Example: Does loading FontAwesome from their CDN count as a backlink for ...
1
vote
0answers
98 views

CSS Flaticons Show up all Black [closed]

I have been unable to resolve this. I downloaded icons and using the demo they all show up back when they should show up in a more colorful fashion What they should look like: http://www.flaticon....
1
vote
0answers
194 views

Using the Salient WordPress theme cuts the header logo cut in half [closed]

Problem: Logo appearing cut in half, and menu items chopped off - Theme: Salient 8.0.15 I have no custom CSS yet.
1
vote
0answers
44 views

Open Sans won't display bolder than 700 in Chrome [closed]

I came across a weird issue where everything displays fine in Safari, but in Chrome my H1 will not display bolder than 600. Even if I change it in developer tools - for this page http://station-...
2
votes
0answers
170 views

When the layout of my page gets jumbled after browsing the site, is the problem with WordPress or hosting?

I've had problems with the loading view of my site. Initially everything looks OK but after clicking on other pages and coming back to the Home page the slider and other elements are not showing as ...
2
votes
0answers
68 views

Backend of Prestashop Product Description Field hidden overflow

I've got a Prestashop 1.7.1.1 wherein the backend when you edit the product description with images, it doesn't overflow properly. I tried forcing the overflow in the CSS file overflow:scroll!...
1
vote
3answers
3k views

Is a huge style attribute bad for SEO?

I'm working on a website using wordpress. When opening Chrome's console (Ctrl+Maj+I), I couldn't help but notice a HUGE style attribute and tons of scripts directly written into the HTML document. ...
2
votes
1answer
459 views

Duplicate CSS files in Firefox Inspector

I'm wondering that why Inspector shows duplicate CSS as follows: What is the difference between Cause column: stylesheet vs JS stylesheet? UPDATE: Here some explanation. Seems like my css is ...
0
votes
1answer
2k views

Prevent font color from changing when hovering over child menu item [closed]

I'm baffling myself with this one. I have a main menu set up and when you hover over a menu item the background-color is #f2dabd and the color is #8d0000, however when i hover over a parent menu item,...
-1
votes
2answers
3k views

PHP website page loading is very slow in localhost [closed]

PHP website pages are taking very long time to load for huge data in localhost(using Xampp). The page loading becomes faster for less data. Could anyone tell why how this can be?
2
votes
1answer
286 views

Remote CDN: Pro's and Cons of grouping CSS and JS

I'd like to know the pros and cons of grouping external CSS and JavaScript files. The grouping method I'm referring to often seen by external libraries providers such as Google fonts and jsDelivr. ...
1
vote
1answer
391 views

Div changing css style using chrome develop tools not working? [closed]

I'm trying to change the CSS settings of a webpage, so it fits my use. Below, as seen, that extended display a div width of 1200. The HTML code and css looks like The HTML code and css looks like I'...
1
vote
1answer
3k views

Google PageSpeed Insights reports that bootstrap.min.css is render blocking

I'm trying to achieve an over-90 grade on PageSpeed Insights. My last error comes with bootstrap, Google detects the file bootstrap.min.css as a render blocker. The file is located in my server. I'...
3
votes
1answer
5k views

Force visitors to get newest versions of resources (bypassing browser cache)

How can I (force) my visitors on my website to clean their cache, and get the new updated content? I find myself sometimes linking progress on some of my projects and sending it to others for feedback,...
1
vote
2answers
934 views

Why does my element work on first click but not second click? [closed]

I set up a CSS dynamic snippet on my site and it behaving strangely, when you click on the icons it works, but if you click twice it scrolls up a few pixels up. Click on the 5 icons repeatedly and ...
1
vote
1answer
377 views

What are the safe web fonts and is there anyway around this problem?

How do you choose a font that will be both aesthetic and browser/OS friendly? I love Helvetica, but a lot of websites say that 90% of Windows users don't have it installed. What are the safe web ...
4
votes
1answer
3k views

How to avoid request of all images used for different devices using media query?

I want to know, how can I avoid loading all images I created for different devices using media query. Currently my mark up look like below : <img src="/media/1062/lg.png" alt="Fresh from ...
0
votes
1answer
13 views

Disabling highlighted search box [closed]

I made a search box using input html tag but while inputting when I click on the search box it is highlighted with blue border. How do I remove it ? Thanks
3
votes
2answers
29k views

Vertically and horizontally align div into parent div [closed]

I'm new in the web development industry and I struggle to vertically and horizontally align a child div in a parent div. I'm trying to build a homepage with a full-width image with a slogan in the ...
1
vote
1answer
1k 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
751 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 ...
2
votes
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
134 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
47 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
1k 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
145 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
2k 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
47 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
180 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
41 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
1k 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
1k 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
72 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
3k 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
1k 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
47 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
169 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 2
3
4 5
14