Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of HTML output, usually via Themes. When you have to use this tag, then there's a high chance that your question is off topic on this SE network site.

Filter by
Sorted by
Tagged with
0
votes
0answers
19 views

How to change the width of certain paragraph or header blocks?

Most of the time I like having the blocks the full width of my site (https://princetonfireandsafety.com/), but sometimes I just want to have a single header or paragraph block that isn't that big. ...
0
votes
0answers
9 views

Animation transition visibility from hover [on hold]

How can I animation from hover? It work only when hover element1, but when live this back, so it not work. see: https://prntscr.com/pme44m My code: .element1 .element2{ visibility: hidden; ...
0
votes
1answer
12 views

Photo cover in WooCommerce

Today I'm working on the https://www.vanleeuwenemmen.nl/winkel/ website. But the image there is incorrect, because I've set the img to object-fit: contain, but if I leave it blank, then it is a weird ...
0
votes
2answers
41 views

How to replace wordpress css or js file with external file?

I would like to replace WordPress style.css file or any other files like this with style.css file in an external host How can I do this? Of course, I saw this tutorial before https://css-tricks.com/...
0
votes
0answers
8 views

WP_List_Table in frontend how to style with Bootstrap4

I show in frontend a custom table created as extending WP_List_Table as it follows. add_action('init', array($this, 'frontendMyTable')); public function frontendMyTable() { if (!...
0
votes
0answers
23 views

Custom post type not pulling CSS

I created a page template for CPT but the it's not pulling up the CSS. Can anyone please tell me what could be the problem?
1
vote
2answers
16 views

WordPress Light/Dark Theme best practices? Is there a way that really works?

We currently have a light/dark theme enabled on our WordPress site using cookies and a .dark class in CSS. It works, but makes using WP Total Cache almost not worth it as any post/page using the ...
0
votes
0answers
14 views

Mask transition for image [closed]

The main goal I want to achieve is from previous to the new image should change that too. if I keep the mouse on the image then slowly display another image like a mask transition here is a below ...
-1
votes
0answers
16 views

Question about Divi's menu

I'm using the fullscreen menu in wordpress with Divi. Is there any option to center the logo of the page between the left and the hamburguer menu?
0
votes
0answers
32 views

Wordpress margin issues

So I have a website, and by default everything is jammed to the left of the screen. With a different text editor I was able to add a margin to it of 300 pixels. On most websites when you see the ...
0
votes
0answers
13 views

Mobile responsible woocommerce product page

Dear Stackexchange community, I'm currently working on a Woocommerce / Wordpress project and there's something I can't figure out how to do. I couldn't much info online about my issue: When looking ...
-2
votes
0answers
21 views

the_excerpt() & the_content() are running outside of their div container

I'm really struggling with a problem I've got on my custom wordpress theme. See the photos below. In both cases when I've called the_excerpt() & the_content() the displayed text is running out ...
1
vote
4answers
30 views

Add a Different CSS Class Into The Body Tag of Different WP Pages

I'm transferring a 20 page static HTML site to a custom Wordpress Theme. On each page of the static site the body tag has a custom CSS class i.e. 'banking-page'. I know that WP generates page id ...
0
votes
0answers
20 views

site css error - no-css-saved-yet

I had a test in gtmetrix for my site clickupil.com and there is one error on the waterfall section, I can't fix https://clickupil.com/wp-content/uploads/no-css-saved-yet.css it's not responding when ...
0
votes
0answers
11 views

navbar hover is not working

/CSS FILE/ * { margin:0; padding:0; } header{ background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(wallhaven-zmo8ry.jpg); height:100vh; background-size:cover; ...
0
votes
1answer
11 views

Img load while refreshing

Last 2 days I'm working with the https://www.memo-ict.nl/ site, but my problem is that the logo in my menubar is showing up in the refresh. I just would like to have the img showing up when the ...
1
vote
1answer
20 views

Can `<style>` and `<script>` tags be used in the HTML editor?

I understand this is so stupid, because absolutely there should be an answer out there, but I can't find it myself. In short, can you use <style> and <script> tags in the HTML editor, ...
-2
votes
0answers
18 views

three column Bootstrap carousel displaying all items at once!

<div class="trending-collections"> <h3>Trending Collections</h3> <div class="container slider"> <div id="demo" class="carousel slide"> <!-- ...
-1
votes
1answer
17 views

Images at the same vertical position in multiple columns

I have in a page a multiple column layout (in my case 5 columns, but that doesn't really matter). In each column, I have a heading, then an image and then some text, so like so: Heading 1 ...
0
votes
3answers
47 views

Change the version of default style.css in wordpress

I'm working on Wordpress + Bootstrap 4 by customising according to the design. The default style.css loads as: <link rel='stylesheet' id='wp-bootstrap-starter-style-css' href='http://localhost/...
0
votes
1answer
14 views

register dependency css and js inside a plugin class

I have this code: public function __construct() { add_action('wp_enqueue_script' , array( $this, 'initBootstrap' )); add_action('wp_enqueue_style' , array( $this, 'initBootstrap' )); ...
0
votes
1answer
22 views

How to remove padding from left&right side

Im trying to remove the padding from left&right side by following custom css but doenst work #main.site-main,.container, .site-content{ margin: 0; padding: 0em; } Please advise how to ...
0
votes
1answer
12 views

Pseudo class :before don't working in a specific button

Currently, i'm building an ecommerce and a small button was running with pseudo class :before suddenly stopped working.The site run WP with Divi and Woocomerce. I wish the bellow code back to run: ....
0
votes
1answer
15 views

Cannot add a class to metabox

I'm trying to add a class to the metabox, for doing so I have created the metabox element in this way: array( 'label' => esc_html__( 'Property Lot Size', 'zoacres' ), 'desc' => ...
0
votes
1answer
23 views

New Styles Not Rendering On Mobile Phone and Tablet

I've come across a rather interesting problem and I'm completely baffled. I've never encountered this before in the past. My Goal To make a form on my website mobile responsive Problem Absolutely ...
0
votes
1answer
33 views

How to add css to single navigation text? [closed]

I only want to edit the "ticket". in the photo I only add the CSS in the inspect. I want it to be that size.how to put CSS in that span ?? I did add extra CSS class in the menu. but it only changes ...
1
vote
1answer
23 views

Style classic editor buttons

I'm trying to style the buttons in the classic editor of wordpress, in particular to change color of the text inside or change the font-wright property. Using the browser inspector tool I looked for ...
0
votes
0answers
33 views

How to fix color picker in caldera forms wordpress?

When configuring the form in the admin panel, everything works, at the front the field with a predefined color does not react at all. All plugins and themes were disabled, the developer has already ...
0
votes
1answer
27 views

how to add custom html and css to wordpress

for eg if i want to add this code from this site https://codepen.io/tamak/pen/ApLcq html Tutorial Animated rollOut bounce flash pulse rubberBand swing shake tada wobble bounceIn ...
1
vote
0answers
24 views

Is it possible to use Snap Scrolling? [closed]

I would like to add snap points to my WP website, but am not sure how or if it's even possible. The CSS properties for such an animation aren't accessible on WordPress.
0
votes
1answer
14 views

Font .woff files loaded don't correspond to the displayed styles [closed]

I'm trying to manually add a custom font to my localhost installation of WP, what I did so far: download the font (Computer Modern) from fontsquirrel in .woff format take the 4 files needed (Serif): ...
0
votes
0answers
22 views

Unable to change class and id names in header.php

In header.php in my child theme I am trying to change the following class and id names <header id="masthead" class="site-header" role="banner"> into <header class="header" id="myTopnav" ...
1
vote
0answers
19 views

Remove WordPress/Gutenberg button styles for ACF blocks

Is there a way to remove the default styling of the gutenberg editor? I am building a custom theme using ACF blocks, part of one of the blocks has a button that is being displayed from the template ...
0
votes
0answers
24 views

how to remove black loading screen from youtube background video in wordpress

In my Wordpress website, I added a youtube background video but before the video loop that shows a black screen with a loading icon. How to remove black loading screen from youtube background video in ...
1
vote
1answer
22 views

Get a blank line after div by simply leaving an empty line in the editor

I'm styling a div object so that its content behaves like a normal text. As first thing I set its line height as the default line-height of a line in a paragraph. I got this by adding the following ...
2
votes
1answer
40 views

Collapsible button inside a ul list does work in jsfiddle but not in WP

I implemented a collapsible button, it works well in WP, but if I insert it in a ul list it doesn't work, that is the button does not open. Then I tried to run the code in jsfiddle and there it does ...
0
votes
1answer
23 views

My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]

I've tried the CSS that someone else posted but it didn't work. I can't find the option to remove one of the menus. It's not showing on mobile, but it shows up on the desktop site. My website is www....
0
votes
0answers
19 views

How to Add Order Confirmation Popup in WooCommerce Site

I am looking out for some way that helps me create a pop up window that shows up on order confirmation page. I tried some plugins but none of them let me add the person's name who ordered and what ...
0
votes
1answer
17 views

SVG in list-style-image breaks when adding fill

I'm trying to add a custom bullet using CSS list-style-image. Here is the attribute: ul { list-style-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='...
0
votes
1answer
18 views

Hide author from search results meta, still display date and categories

How can I hide just the author from the post meta in search results, while keeping the date and categories? I know I can use something like: .post-meta .author { display: none; } to hide the author ...
0
votes
0answers
16 views

CSS does not Update

I updated my css file for example: the first is body{ background-color: green} then I updated it to background-color:red. I view file on the server and it is updated and why is it in the browser page ...
1
vote
0answers
15 views

Removing included CSS file that doesn’t exist

I tried to install a premium plugin for divi icons, But it wasn’t installed successfully. There is a CSS file added to the homepage https://www.example.com/wp-content/uploads/aspengrove-icons/...
0
votes
1answer
22 views

How to change the settings of a video? [closed]

I'm having real trouble with a video I have placed on my wordpress site. It's a one page site with the divi theme, and I currently don't have any type of video plugin activated. The video is an ...
0
votes
2answers
35 views

How to disable the hover effect in Wordpress and Elementor?

Hi all! I created a products section via Elementor in Wordpress. The thing is, that I do not know, how to disable the hover effect.
0
votes
1answer
25 views

Get ACF options field in PHP acting as CSS

I am combining all of my css files into one file via PHP using header('Content-type: text/css'); Within that processed PHP file, I want to get a field from an options page within Advanced Custom ...
1
vote
0answers
20 views

style.css doesn't load on the home page when front-page.php activated (using stock theme)

I promise you I'm not wasting your time with this problem. I have searched through StackExchange for almost 4 hours in the last few days, and even though there are questions with similar titles, I ...
0
votes
0answers
15 views

Twenty Seventeen Menu Duplicating on mobile & tablet

I am using Elementor as a block editor with the TwentySeventeen theme activated. This problem only occurs when displaying the website in responsive mode. The menu seems to duplicate and I'm not sure ...
0
votes
0answers
16 views

add a id “sticky” in header with ACF true/false

i have created with Advanced Custom Fields a true or false option.With this I want to give the web the option that the header tag get the stycky id only if the option is true. I have implemented what ...
0
votes
1answer
24 views

Where can I find the inline-css of my theme header?

I struggle to find some specific inline-css of my theme header. I tried to edit the style.css of my child theme, what doesn't work. (in the developer tool from chrome it works!). I installed some ...
0
votes
1answer
44 views

@font-face doesn't work

Adding this to the style.css works: * { font-family: "Courier New", Courier, monospace; } Probably because Courier New is widely popular and supported. However, using this on my custom font doesn't ...