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
1 answer
214 views

Enqueue Stylesheet on the front end and in the block editor Conditionally

How would you include a stylesheet in both the block-editor and on the front-end if the page meets certain criteria? In this case I want to include a stylesheet called homepage.css if the page is the ...
Walrus's user avatar
  • 131
0 votes
0 answers
19 views

Let Dokan / MulitvendorX vendors set currency per product. Best approach?

Got a question that I'm hoping the community can help me out on. I want to start a multivender e-commerce site, focusing on American and Japanese customers. I need to let vendors set prices in their ...
Mazeboy's user avatar
1 vote
1 answer
46 views

WordPress login/register custom CSS not working?

A small but annoying problem is that in my WordPress (Elementor) login/register form wp-login.php?action=register the "Registration confirmation will be emailed to you" text is grey on black....
OrrDee's user avatar
  • 13
0 votes
0 answers
14 views

Styling made on archive page product images applies to product images on cart header block and on cart page but should not

I am trying to give my product images a uniform height without changing the intrinsic size of the images. I have achieved it with the styling below: .attachment-woocommerce_thumbnail{ ...
Udiolvosuzuatsun's user avatar
0 votes
1 answer
52 views

Turn off/modify specific pre-rendered Gutenberg editor CSS styles

I'm having an issue where Gutenberg is pre-rendering with the theme's style.css, and some of the styles are not fit for the editor. Specifically, I have a class that utilizes transform: translate ...
The9mm's user avatar
  • 33
0 votes
0 answers
57 views

Sort Woocommerce Products with Numbered Titles Numerically

I have a woocommerce shop with many products all of which have numbered titles from 1-3000 and the problem is, the alphabetical sorting is leaving me with an order like this: 1, 10, 11, 12, 100 and so ...
Hangman's user avatar
0 votes
0 answers
10 views

Sass @use and the style.css file header

Apologies if this has already been asked/answered, but numerous searches haven't turned up what I'm looking for. I've been out of the dev game for a minute and I came back to see that Sass is warning ...
AVWW's user avatar
  • 1
0 votes
0 answers
10 views

Not sure why inspecting element on windows is different that what im seeing on mobile?

I just started learning Html/CSS two months ago and im having a really hard time trying to make my projects responsive. When im viewing the project on my mobile phone it looks how i want it to look, ...
Jesse's user avatar
  • 1
0 votes
2 answers
77 views

wordpress generated inline css missing after migration

migrated working wordpress setup form the local development setup to the production environment changed the siteurl/home in the wp_options database table everything seems ok at first glace Problem: ...
23b's user avatar
  • 11
0 votes
0 answers
18 views

How to make an image appear then another takes its place and so on?

i would like to reproduce the same effect than this website's homepage has (https://studioswine.com/), which consists of an image appearing randomly in the space for a very short time, then disappears ...
meeyyer's user avatar
0 votes
0 answers
25 views

unable to find the document body in user-edit admin using javascript or CSS

I am pretty new to using js on wp and I have this pretty tame script that is supposed to find the element and replace it using textContent. I also am using a simple CSS element that has the same ...
Jocelyn Hunter's user avatar
0 votes
0 answers
18 views

difference between code for admin, user facing (css, js)

So I have two pages, user-edit.php in the admin and a page for members to edit their own profiles. There is a group of section on both that has the same coding, the same css id's, the same classes, ...
Jocelyn Hunter's user avatar
0 votes
0 answers
14 views

Identify and style the paragraph beginning w/o a class: based on a combination of common characters (CSS, JS)

There are html-constructions: <p>— Some random text.</p>. Without class. According to the specified attribute "dash, space, some random text.", I need to catch this condition and ...
milcheloveck's user avatar
0 votes
1 answer
109 views

QUERY LOOP Custom CSS: Overlay feature image on Posts Grid- UPDATED

As I’ve said, I’m using QUERY LOOP to create a posts grid. I want to overlay the title and excerpt of the post with the feature image. I know I have to write “position:absolute”, but I can’t complete ...
Mary Helen Mac Carthy's user avatar
0 votes
0 answers
63 views

separating column the variations from the add to cart button woocommerce

I'm using the "Worldmart" theme and I'm trying to separate the variations of the "Add to Cart" button. I'd like to have the variations displayed in column 1 and the "Add to ...
Eduardo's user avatar
0 votes
1 answer
36 views

Add custom css to specific user

I need help with something for my wordpress site. I want to add custom css to a specific user. For example, user B. but I couldn't do it. Here I tried the following css code: div [user="id"] ...
ByWorld's user avatar
0 votes
1 answer
35 views

How can we upload custom page files?

By making our own .html, .css and .js pages, how can we upload them in WordPress directory correctly? And then, how can we insert, for example, our Elementor's header (which is being used in all ...
Maria's user avatar
  • 3
0 votes
0 answers
95 views

How to disable hover zoom on woocommerce. None of the common methods work

I have tried these codes in child functions and style files. Nothing works. add_action( 'wp', 'divikingdom_disable_wc_zoom', 99 ); function divikingdom_disable_wc_zoom() { remove_theme_support( '...
Raj Arjit's user avatar
  • 103
0 votes
1 answer
28 views

HELP PLEASE PHP slider css

I converted a html file to php to upload in a hosting site. However, I have this slider that already came with the template I used. The background image doesn´t show in php, but it does in html. This ...
Karyme's user avatar
  • 1
0 votes
1 answer
90 views

How do I remove/hide embed excerpts from posts

How can I remove post excerpt from internal links that are embed as posts to custom WordPress page. https://prnt.sc/6e07tjSht5i7 I cant do it with classic CSS styling , I guess due to the iframe/embed ...
Acidburns's user avatar
1 vote
1 answer
97 views

Problem with spacing sizes in theme.json

I often use the following code in theme.json to define predefined spacing: "spacingScale": { "steps": 5 }, "spacingSizes": [ { "size": "min(...
Dominik's user avatar
  • 11
0 votes
0 answers
14 views

Response header image in 2017 theme

I know this is an older theme but is perfect for what i needed to do on this website. The set up is perfect except that the header image does not reduce on mobile devices using the theme without ...
Sue's user avatar
  • 1
1 vote
1 answer
535 views

Wrong mime types served

I have a brand new server install, debian 6.1.0.10, wordpress latest version, all packages up to date. Transferred all content and database across from an old server. The pages load OK, but none of ...
Wolfgang Schulze-Zachau's user avatar
-1 votes
2 answers
102 views

How to add global CSS to all webpages without installing any plugin?

Version 6.3 core website; no plugins, no themes, no customizations whatsoever. Plain core website which should stay plain core. I want to add global CSS that will effect all webpages but without ...
templater's user avatar
0 votes
1 answer
311 views

How can I make one button a different color from the other buttons on my site?

Using the Custom CSS and JS plugin, I have coded all of the buttons on my website to be green with white text, then white with blue text when hovered over: .wp-block-button .wp-block-button__link { ...
Brandon_J's user avatar
  • 103
0 votes
1 answer
657 views

Injecting CSS into Iframe

I have added an iframe to my website. Within the I-Frame is an area which is not required and I would like to hide. I have tried to inject CSS into the i-frame using Functions.php add_action( '...
PaulMcF87's user avatar
  • 131
1 vote
1 answer
317 views

Embed dynamic media query in a Gutenberg block

I'm working on a custom block that renders a series of DIVs differently depending on the device on which it is displayed. On desktop, the DIVs need to be displayed horizontally with a right margin of ...
leemon's user avatar
  • 1,898
0 votes
0 answers
173 views

hamburger menu is not showing in mobile view

I run a website using WordPress. The hello elementor theme was utilised. My header desktop view header menu is displaying appropriately, which is my concern.but the hamburger menu in mobile view does ...
Thoubik's user avatar
0 votes
0 answers
77 views

how to replace '/' symbol to 'OF' text from fraction element of elementor carousel

I have tried many css using :after and :before but / is not replaced with OF text. <div class="swiper-pagination swiper-pagination-fraction swiper-pagination-horizontal"> <span ...
RAJ Technology's user avatar
0 votes
1 answer
104 views

In Oxygen Bulder, is there any way to set global page width to 100% of the browser window?

I prefer to keep my website as dynamic as possible, so I want to set it up to use 100% of the browser width, but I only see an option to use pixels for the width. Is there an easy way to get it to ...
Taegost's user avatar
  • 101
-1 votes
1 answer
20 views

Newbie question - which css file to edit

Hi I am currently using the Phlox theme to create a website but there are a few tweaks I'l like to make the CSS typography but as there are multiple CSS files, I'm not sure which one I should be ...
user79948's user avatar
0 votes
0 answers
29 views

how to hide failed order cancel button on wordpress?

In failed order, there are tow actions showing, view and cancel in which the "Cancel" button has no use. Please tell us how to hide this cancel button.
Manjeet Sire's user avatar
0 votes
0 answers
15 views

i have problem in my login page css where user name input css not working password input css is working i provide a screenshot please help me

the is about a login page where username/email input box css is not working please review it give me solution for it thank you
ganesh kewat's user avatar
0 votes
0 answers
33 views

How to set height by wrapped div on an image block

I'm writing a custom Gutenberg block. I'm trying to limit an IMG tag to the height of a wrapping div tag that the designer can set. I can do it without the WordPress styles applied, but something is ...
Phil Huhn's user avatar
0 votes
0 answers
10 views

adjust posts size into columns wordpress

in this link: https://teesvg.com/downloads/husband-and-wife-svg-png/ if you go down until More from this Category, you will find 4 posts in two columns. I want that they show up in 4 columns and ...
PC Welcome's user avatar
0 votes
1 answer
19 views

posts blocks don't show up correctly

Hi I have the posts available on this page appear well like in this link: https://teesvg.com/svg-bundles/ but the posts in categories pages don't show up correctly like here: https://teesvg.com/...
PC Welcome's user avatar
0 votes
1 answer
105 views

Main Menu Hover is Always White

My Main Menu Hover color is always white. I used to be able to just change it in the customizer but that stopped working so I've tried every kind of CSS I can find, gone through inspecting it, tried ...
Cabin Puppets's user avatar
0 votes
1 answer
34 views

Elementor Contact Form Submit button has empty class

I have a contact form here: https://www.vztplzen.cz/kontaktni-formular/ It is built using Elementor’s Contact Form widget. The submit button has empty class: <button type="submit" name=&...
Petr Břeň's user avatar
0 votes
0 answers
21 views

Wordpress: How can I mix my content background image with footer

Hi I am new to wordpress and I would like to know how can I fit my footer with my content background image? What I want: What I have now: What I want to achieve is I want to put my footer content or ...
Kopi Bryant's user avatar
0 votes
0 answers
73 views

How to create different templates for woocommerce single-product.php?

I am learning Wordpress development. I have 3 products that I want to add to my woocommerce store. By default woocommerce store comes with a basic template for all products. But I want to make every ...
Frankie's user avatar
  • 11
0 votes
0 answers
337 views

IOS Ventura Safari 16.3 position fixed elements goes above scroll bar

IOS Ventura Safari 16.3 whenever I create a position fixed element with 100% width, It goes above or bellow the scroll bar as well. this is easy to recreate. .anyelement { position: fixed; height:...
Tharaka Nuwan's user avatar
1 vote
1 answer
464 views

Busting Browser Cache when updating stylesheet of Wordpress website

When I've edited the child stylesheet for my site I'm encountering a problem where anyone who has already browsed my site will not see the correct version because their browser cache is using an old ...
Badger's user avatar
  • 11
0 votes
0 answers
6 views

custom register accept term and policy page

I want to customize this accept Privacy Policy what plugin should I use or what should i create custom css or JS script? thank you.
renedes's user avatar
1 vote
0 answers
246 views

how to add contact form 7 shortcode in javascript variable [closed]

In Contact Form 7 I have created a dropdown with 3 options under it "Dallas" "Houston" "Austin" . I wrote this js code so that if I select Dallas then "Houston" ...
MD. RABIUL ISLAM's user avatar
0 votes
1 answer
189 views

How to remove pop up on website (css changes not visible)?

I'm working on this site and was asked to remove the pop up. I've tried entering classes like: .popup, .popup .popup-bg { display: none !important; } .popup { display: none !important; } The ...
sleepypeach's user avatar
0 votes
0 answers
60 views

What is unsafe about this CSS?

I've been given some CSS by a plugin developer to get the plugin to look the way I want. However, when I go to add it to my wordpress template, the template css editor gives me this message: "...
Ironlion's user avatar
  • 111
0 votes
1 answer
75 views

How to remove automatically added custom style tag?

My WordPress head tag contain custom style tag for fonts which inserted automatically on all page. Which causes following AMP error, Only amp-boilerplate and amp-custom 'style' tags are allowed, and ...
user avatar
0 votes
2 answers
1k views

How to remove class="wp-block-heading" from Heading tags?

WordPress is injecting class="wp-block-heading" to all the heading tags, like h1, h2, and h3. Even though I don't need it in my style sheet. I tried removing it with the following codes, but ...
Freya West's user avatar
2 votes
1 answer
1k views

Block content rendered with inline CSS. How do I reuse it in a headless setup?

I'm working on a Headless Wordpress setup. I want my Wordpress posts rendered elsewhere. I want to write these posts using the basic Gutenberg block editor, and show them on a separate non-Wordpress ...
ᴍᴇʜᴏᴠ's user avatar
0 votes
1 answer
548 views

Website is not showing updated CSS

I have an issue with my website not updating when I make edits to my CSS file. I believe it's sass CSS, and think something may not be linked where it should be. I use SiteGround to edit my code (File ...
Ryan D'Orazio's user avatar

1
2
3 4 5
57