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
0 answers
16 views

For Gutenberg block editor, how do I use media query to add a smaller size of a background image to display on the mobile version of a site [closed]

On a page with different background images in different sections. I uploaded a smaller size of one of the background images to media, then in ‘additional css class’, I added a class(bgmobile) to the ...
Heavenlie's user avatar
0 votes
1 answer
25 views

add custom image to bottom of wordpress default login screen

Is it possible to somehow via functions.php to add an extra image on the bottom of the default wordpress login page? Obs! - not the logo, this would be an extra image, below the "normal" ...
Adam Larsson's user avatar
0 votes
1 answer
18 views

Can't change login logo & css - older plugin data blocking?

I'm having problem chancing the login logo & css in the wordpress standard login. I must previusly had an old plugin or something, because it's using an old image. Now I have addedd the php code ...
Adam Larsson's user avatar
0 votes
0 answers
15 views

UABB Advanced Tabs [closed]

Does anyone have experience customizing Advanced Tabs module from UABB (Ultimate Add On Beaver Builder) plug? I have set the Active color using the plugin but I would like each tab to have a different ...
CScreens's user avatar
0 votes
1 answer
22 views

Override theme hamburger menu to work without javascript (noscript)

What wordpress hooks can be used to override how the primary menu is displayed in my wordpress header's navigation menu -- ideally in a way that will work cross-theme. I need to build a wordpress ...
Michael Altfield's user avatar
0 votes
0 answers
30 views

why I could not use <svg> data in WordPress additional css part

I was reading this article to customize the bullet lists (li tags) in my posts in a WordPress website. But when I want to add these CSS codes: li{ list-style-image: url('data:image/svg+xml,<svg ...
hamid-davodi's user avatar
0 votes
1 answer
51 views

hide specific css and js files in specific page wordpress with id or without?

Hi guys i have google and searched and tested codes i finded here but nothing works, i have wordpress site and i want to make some css and js dont load in the first page because some plugins puts the ...
Milan Andjelkovic's user avatar
0 votes
1 answer
9 views

Prevent part of plugin loading in another menu

I am trying to remove this part from the menu, my appologie buy im not sure how to take and copy the code from Inspection menu. I do hope this is enough for someone who knows how to. I was thinking ...
TopFpv SF's user avatar
0 votes
0 answers
23 views

Separate typography controls for titles and meta in a custom block?

I'm building a simple dynamic custom block that shows a list of posts of a custom post type. JS: import metadata from './block.json'; import './style.scss'; const { name } = metadata; export const ...
leemon's user avatar
  • 1,806
0 votes
0 answers
22 views

How to remove default flex child margin?

I am trying to use "Row" & "Stack" and WordPress adds some class and "is-layout-flex" is one of them. It also adds a CSS where all the "is-layout-flex" ...
Manish Shah's user avatar
1 vote
0 answers
12 views

Load RTL CSS using block.json for block development

I am developing a block using block.json and I could load RTL CSS on backend using this code: // Check if RTL mode is enabled if (wp.i18n.isRTL()) { // Import RTL stylesheet if RTL mode is enabled ...
Farhad Sakhaei's user avatar
0 votes
0 answers
15 views

ACF block gutenberg aligncenter don't work

I'm starting with creating Gutenberg blocks with ACF. I would like to create a simple button, so far so good. My problem comes from the center alignment. When I align my element to the left and right ...
Thica's user avatar
  • 15
0 votes
0 answers
17 views

Critical CSS won't load

I've tried to look into this in other threads and nothing has fixed my issue. I built a site for my company on wordpress and everything worked and linked great. Yesterday we linked our domain to the ...
ale00236's user avatar
0 votes
0 answers
13 views

Gutenberg inline style messing up the navigation when I add a list to a page

This is sort of weird. I have a set of pages and the navigation looks the same on all but one page. After trial/error I was able to narrow it down to having a list on my page. As soon as I add a list ...
J.P.'s user avatar
  • 1
0 votes
1 answer
18 views

css and images in uploaddir, different response in different browsers

I have some pages to demonstrate how to include and use some code. Therefore I load js, css and images with sftp to a directory in /wp-content/uploads/ and describe how to use it. Now I would like to ...
pehu's user avatar
  • 11
0 votes
1 answer
11 views

change the listing type of categories block?

How ist it possible to display the categories in the sidebar ( cat. block ) like this: cat1, cat2, cat3 cat4, cat5, cat6 and NOT cat1 cat2 cat3 cat4 cat5 cat6 Can you help ? THANKS in adv. best wishes
John Mclaine's user avatar
0 votes
1 answer
34 views

opening and closing elementor-widget-container

I want the following and hope you can help, I have created a container in Elementor and within this container I have added element and direction row. I want to the container to toggle with a button ...
Brango's user avatar
  • 1
0 votes
1 answer
59 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
11 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
36 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
12 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
14 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 ...
Evaluation Unit's user avatar
0 votes
0 answers
25 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
9 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
58 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
13 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
20 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
60 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
42 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
18 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
22 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
29 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
48 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
67 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
12 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
274 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
58 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
93 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
137 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
194 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,806
0 votes
0 answers
80 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
48 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
48 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
16 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
20 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
11 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

1
2 3 4 5
56