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,811
questions
0
votes
0
answers
18
views
CSS: Help! Need help with icon centering in Divi
I hope someone can help me with this. Been struggling for a few days now. Last resort is to do this manually.
Screenshot below is how my site icons are now. I'm using Divi and this one is a Divi ...
0
votes
1
answer
14
views
changing the banner color of "[product] has been added to your cart."
How do I change the color of the banner that displays the "[product] has been added to your cart." Currently the color is green.
Thank you for any help offered!
Is
0
votes
0
answers
8
views
Live Preview while customizing is not showing the updates while editing in WordPress
I'm working on a small website in WordPress, when clicking the "customize" button, it will open a page that shows a "Live Preview" of the website and allows you to add custom CSS ...
1
vote
1
answer
26
views
Block editor: can’t change format of inline code blocks
I’ve just to moved an old Movable Type 5 blog over to wordpress, and the process was relatively straightforward. But now I am trying to tweak the styles of my site.
(For what it’s worth, this is using ...
0
votes
0
answers
14
views
How do I set attributes for all images in a site
I'm having CLS issues and I think I need to set the height/width attributes across all images. Whats the best way to do this?
Is there a CSS code? Where should it be placed?
0
votes
1
answer
21
views
How to solve WordPress accordion problem on Iphone?
I have built an accordion FAQ on my WordPress website. It works fine on Desktop, Tablet and Android but on iPhones It does not work properly. To make accordions open and close, weirdly I have to use ...
1
vote
1
answer
16
views
Calling a PHP function from a menu item
Please forgive this totally newb question. I'm not a dev, and I'm a little too far that I can deal with right now...
I'd like to add a link to the WooCommerce cart page using the cart icon from my ...
0
votes
0
answers
13
views
Twenty Twenty Four Theme - Image and text same height?
I have a simple page with two columns using the Twenty Twenty Four theme.
First column has 1 paragraph with a background color.
Second column has 1 image.
The List View looks like:
Columns
Column
...
0
votes
0
answers
11
views
Sudden ERR_HTTP2_PROTOCOL_ERROR on every JS and CSS files loads
I recently went on my website which is online since more than 5 years now and realized that none of the CSS and JS files were loading. By looking into the console, I’ve seen that every load fails ...
0
votes
1
answer
19
views
How to change css poperty through webhook in wordpress
Here is the code that I have wrriten in the snipnet plugin and it is return parse error when i am returning data.
// JavaScript function to toggle button visibility
function showTheButton($...
0
votes
0
answers
27
views
How to force Gutenberg to follow all custom CSS styling in preview?
I noticed that the live website version can often be different to preview in Gutenberg. For example, this CSS is added as additional/custom CSS through Styles menu:
.no-link-underline:link {
text-...
0
votes
0
answers
7
views
Hide Span Class from Certain Page
I'm trying to hide a span class from certain page (Not all pages)
Below is the span I want to hide
<span class="wpte-bf-reg-price">
The page I want to hide the above span class is
...
0
votes
0
answers
13
views
Menu drop down covers contents of page in Mobile view
Hi folks I want to try fix my menu. When on a mobile device I click the burger menu. Its expands but it partially coves up the contents of my pages or posts.
Is there a workaround for this ?
The ...
0
votes
2
answers
28
views
Hyperlink Underline using Border-Bottom Showing Up Under Site Logo Image
I was underlining the hyperlinks on my Wordpress Genesis Theme using Border-Bottom in the CSS.
Basically, I did the CSS code below, which worked for all of my in-text links:
a {
color: #03bf00;
...
0
votes
0
answers
15
views
Dropdown menu only appearing when logged in
I'm having a problem where the Hamburger dropdown menu only appears when I'm logged in, I tried on multiple devices and I tried clearning the cache and removing all plugins (except elementor, without ...
0
votes
0
answers
13
views
I added a rating system on my blog post but instead of stars it shows boxes
So yeah basically I hired a developer to help with writing a source code for a rating system to my blog. When I edit with Elementor it works out fine, but when I try to edit with the Gutenberg theme ...
0
votes
1
answer
26
views
Pull total post count for child category and parent if term ID
I have a mess of code that works, however I know its a mess and im sure there is a neater way of doing this.
I am trying to get the child category to display under the parent category and for the post ...
0
votes
2
answers
14
views
How do I change the CSS for all Page Title sections across an Elementor website?
We recently took over a website that's written with Elementor. Not something I am terribly use to.
Most theme page builders assign a Class to the Page Title (where the title and Breadcrumbs show), so ...
0
votes
1
answer
74
views
Get Sub-Menu Dropdown to Show Over Page Content Avada
I'm having an issue where my submenu is being hidden behind the page content that says
"High-Quality LED Lights Without Breaking The Budget
Our high-quality LED lights provide superior ...
0
votes
2
answers
66
views
How to cancel style.min.css file?
I'm writing style codes for a WordPress theme. But the theme reads the style codes from the style.min.css file. I just want it to read from the style.css file. How can I disable it from reading from ...
0
votes
0
answers
28
views
How to Inline Critical CSS Correctly
I've placed the critical CSS between im. If I understood correctly, the non-critical CSS, the remainder remaining in the style.css) must now be loaded with a delay. A tutorial said I had to add the ...
0
votes
0
answers
16
views
Header menu permanently expanded in header responsive theme
It's been a long time since I have played around with the WordPress admin and style/theme and have discovered my sites header menu is permanently expanded, showing all the submenus. I am using the ...
0
votes
0
answers
11
views
How do i configure vscode live preview for simple wordpress style.css edits?
I'm editing CSS on a very basic wordpress site on a remote server, using vscode. I'm interested in linking vscode to my browser window and having the site reload every time I save changes to style.css....
1
vote
0
answers
26
views
I'm tryng to set up my social wall on WordPress but the CSS somehow gets out of control [closed]
I've been working on this social wall I'm making for a project and I'm stuck with some CSS issues. As I understood from what I've tried it seems that WordPress has its own <div>s and padding on ...
0
votes
0
answers
17
views
Editing stylehseet url in head section of WordPress
In our website, in the <head> section there is a call to a stylesheet and the URL is unsecured (HTTP). I would like to edit this to be https, but I'm not sure what file to edit to achieve this.
...
1
vote
2
answers
164
views
Style.css file gets restored to default version
I am using wordpress and I am facing an issue.
Whenever I made any changes to the themes style.css file.
Everyday after certain hrs. The file gets restored to it's default version automatically.
All ...
0
votes
0
answers
13
views
Content and design customizer does not match publication WordPress
Good afternoon,
I've built a webshop using WordPress with the plug-ins WooCommerce and Elementor. The website is finished and when I view it in the customizer of WordPress or via the preview link ((...
0
votes
0
answers
61
views
Wordpress 6.4.2 - can't load editor style css using 'after_setup_theme' or 'admin_init' actions
My hosting company upgraded my remote Wordpress version of my site to 6.4.2 and as I mentioned in a previous ticket alot of things stopped working. One item that seems to be broken are the custom ...
0
votes
1
answer
35
views
Styles not showing up in WordPress site
I building a landing page in WordPress, as I have done several times before. Locally, I can see my style updates to the new page; however, the styles are updating on my dev or prod site. My process ...
0
votes
0
answers
21
views
Disable WP-Elements Class Creation (Gutenberg)
Gutenberg adds a classname and separately renders CSS in the for certain when certain support features are used such as textColor. This adds additional classNames to blocks and renders additional css ...
0
votes
0
answers
8
views
Woocommerce product not responsive
I am trying to improve the rersponsiveness of my woocommerce product pages for mobile devices, e.g. here:
https://pvcarport24.de/pv-loesungen/solar-carport-stahl/
It seems like the class wp-embed ...
0
votes
1
answer
213
views
How to optimise Text to HTML ratio for SEO by separating the HTML into multiple files?
I have run into an issue with my Wordpress/Elementor site and I hope you guys have any advice.
I did an site audit with Semrush, and as it turns out the ratio of text to HTML is only 1-2% but it ...
0
votes
1
answer
70
views
Check if a new Wordpress post is successfully published with jQuery
I would like jQuery to click on a button/link after a Wordpress post is successfully published for the first time. Here are CSS selectors for WP publish ID:
// Before a post is published:
<...
0
votes
0
answers
26
views
Problem with inline style CSS properties issue on DIV
I am building a custom dragable interface where user can build form and drag elements. I am facing issue with inline style properties. The example html is given below
$content = <div style= "...
0
votes
1
answer
389
views
Twenty Twenty-Four Theme, where to put the personalized CSS style rules?
With this new theme there seem to be no way to write CSS style rules that work.
CSS style files aren't loaded. and I find no space to modify CSS directly when editing the pages. But the "blocks&...
0
votes
1
answer
35
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" ...
0
votes
1
answer
21
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 ...
0
votes
1
answer
63
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 ...
0
votes
0
answers
107
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 ...
0
votes
1
answer
169
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
29
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 ...
0
votes
0
answers
27
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
17
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
...
0
votes
0
answers
43
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 ...
0
votes
0
answers
44
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
vote
0
answers
37
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 ...
0
votes
1
answer
20
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 ...
0
votes
1
answer
12
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
58
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 ...