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.
2,793
questions
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 ...
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" ...
- 29
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 ...
- 29
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 ...
- 1
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 ...
- 121
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 ...
- 101
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 ...
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 ...
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 ...
- 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" ...
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
...
- 308
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 ...
- 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 ...
- 1
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 ...
- 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 ...
- 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
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 ...
- 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 ...
- 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 ...
- 1
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....
- 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{
...
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 ...
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 ...
- 1
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 ...
- 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, ...
- 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: ...
- 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 ...
- 1
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 ...
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, ...
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 ...
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 ...
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 ...
- 1
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"] ...
- 1
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 ...
- 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( '...
- 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 ...
- 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 ...
- 23
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(...
- 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 ...
- 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 ...
-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 ...
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 {
...
- 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( '...
- 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 ...
- 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 ...
- 1
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 ...
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 ...
- 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 ...
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.
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
