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
9 views

Is there a way to enable horizontal margin for a specific block element?

Sorry in advance for my dumb question. I am slowly learning the new WordPress core theme functions for blocks. I admit, I am fairly lost 🤷🏻‍♀️ 😅 . The title says it all, I am trying to add the ...
Xena's user avatar
  • 1
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 ...
Mhel Ignacio's user avatar
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
issie_gainsley's user avatar
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 ...
Zahraa's user avatar
  • 1
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 ...
Andrew Jaffe's user avatar
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?
Brett's user avatar
  • 1
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 ...
vahid hasani's user avatar
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 ...
Patrick's user avatar
  • 11
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 ...
PeteShack's user avatar
  • 101
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 ...
CesMRY's user avatar
  • 11
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($...
Shahryar Rafique's user avatar
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-...
Destroy666's user avatar
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 ...
Noboru Ogita's user avatar
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 ...
user3259342's user avatar
0 votes
2 answers
29 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; ...
John's user avatar
  • 3
0 votes
0 answers
16 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 ...
French Noodles's user avatar
0 votes
0 answers
14 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 ...
Farhanah Ali's user avatar
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 ...
Beep's user avatar
  • 29
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 ...
Simon_a6's user avatar
0 votes
1 answer
87 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 ...
Rachel's user avatar
  • 1
0 votes
2 answers
67 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 ...
A. Muller's user avatar
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 ...
glowbright77's user avatar
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 ...
user36867's user avatar
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....
radionowhere's user avatar
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 ...
Ahad Elimb's user avatar
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. ...
Ecigs Can's user avatar
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 ...
Dhaval Joshi's user avatar
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 ((...
Ena K's user avatar
  • 1
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 ...
Mike Sav's user avatar
  • 127
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 ...
jessturner711's user avatar
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 ...
Walrus's user avatar
  • 131
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 ...
Marco Bobinger's user avatar
0 votes
1 answer
229 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 ...
Robert's user avatar
  • 1
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: <...
daro2013's user avatar
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= "...
iZeshan's user avatar
  • 101
0 votes
1 answer
407 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&...
DavidTaubmann's user avatar
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" ...
Adam Larsson's user avatar
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 ...
Adam Larsson's user avatar
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 ...
Michael Altfield's user avatar
0 votes
0 answers
111 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
173 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
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 ...
leemon's user avatar
  • 1,898
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" ...
Manish Shah's user avatar
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 ...
Farhad Sakhaei's user avatar
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 ...
Thica's user avatar
  • 17
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 ...
ale00236's user avatar
1 vote
0 answers
38 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
  • 11
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 ...
pehu's user avatar
  • 11
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
John Mclaine's user avatar

1
2 3 4 5
57