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,819 questions
0
votes
0
answers
7
views
Twenty Twenty Four child theme stylesheet is not being enqueued in admin panel when editing pages
I have created a child theme of Twenty Twenty four. I have a styles.css in the child theme directory and I have enqueued the stylesheet to load in the child theme's functions.php:
<?php
/*
* ...
- 691
0
votes
1
answer
27
views
Wordpress custom css/js version not loading correct
$js_version = filemtime(plugin_dir_path(__FILE__) . 'js/script.js');
$css_version = filemtime(plugin_dir_path(__FILE__) . 'css/style.css');
$timestamp = time();
...
0
votes
1
answer
19
views
Apply Style variation to specific pages
I notice wordpress themes come with the ability to have "style variations". Can one apply a style variation to a specific "page/ post" as oppose to a block or section or global ...
- 189
0
votes
0
answers
26
views
How to delete widget in Wordpress?
I would like to remove the widget that is in the attached screenshot. Recently I managed to write a short code in the additional CSS code in Wordpress. Unfortunately, I changed the theme and this code ...
- 1
0
votes
1
answer
51
views
Is it possible to remove the "Shop" title from the WooCommerce catalogue? [closed]
I own and run a gaming website. The games are listed in a WooCommerce catalogue (this was set up prior to my acquisition of it).
Whenever the games catalogue page is loaded, the title "Shop" ...
- 119
0
votes
1
answer
42
views
How to overwrite a thrid party block's css in a child theme?
Consider a Wordpress (6.6) child theme based on the default Twenty Twenty Four theme: How do you style form fields used in third party blocks?
Just copy and pasting a modified version of the third ...
- 91
0
votes
0
answers
33
views
Removing website URL in comments causes misalignment of submit button and tickbox
I am using Astra free theme, I have created a child theme with functions.php, comments.php, style.css. I have managed to remove the Wesbite URL entry using the following code in functions.php:
...
- 1
0
votes
0
answers
12
views
Struggling to edit the width of text in 'Variations' template
I am struggling, using the "Variations" template, to extend the paragraph text to fit the whole screen. I've googled and it comes up with lots of instances of variations, and I've searched ...
- 1
0
votes
0
answers
31
views
How to ajaxify all pages of my Wp Site
I want to ajaxify all my wordpress site pages, how to do that. Is there a plugin for that? Please guide. thank you
- 171
1
vote
1
answer
40
views
Why is TinyMCE 4.x not using updated CSS even with forced reload? [closed]
I'm running TinyMCE Version 4.9.11 in a ClassicPress V2.1 site.
This is (part of) my code to setup tinyMCE:
function my_mce_before_init_insert_formats( $init_array ) {
$style_formats = [
...
- 121
0
votes
2
answers
42
views
Why does the "visual editor" add useless html-comments and how can I get rid of them?
This is a paragraph and a hr-separator in html:
<p>Test</p>
<hr/>
This is what happens when I create it in the visual editor:
<!-- wp:paragraph -->
<p>Test</p>
<...
- 121
0
votes
1
answer
20
views
How can I get the categories and subcategories separately?
I am using this code to get the categories and subcategories from the reference page. It is quite good because it allows me to sort them hierarchically. But I would like to give them two different ...
- 143
0
votes
0
answers
19
views
css on body tag in editor
I have a background-image that I apply on the body-tag inside the style.css like this:
body:not(.wp-admin) {
background: url("…") no-repeat fixed;
background-size: cover;
}
But it is ...
- 121
0
votes
0
answers
79
views
Style priority in theme.json
I have the following theme.json file in a custom classic/hybrid theme:
theme.json file:
"styles": {
"elements": {
"heading": {
"color": {...
- 2,002
0
votes
0
answers
17
views
How to make a drop-down list so you can press and change display like on this website by using wordpress or CSS
1How to make a drop-down list so you can press and change display like on this website by using wordpress or CSS []
0
votes
0
answers
47
views
How do I highlight a Wordpress Menu Item for a page that is not on the Menu?
I am writing a Wordpress site using the block editor (Spectra One theme).
I have a menu item called News. When I click on it the News page appears and the News menu item is highlighted.
The News page ...
0
votes
0
answers
82
views
How can I add a new Styles option in Wordpress 2024 theme?
The Wordpress 2024 theme allows one to choose from a range of pre-defined styles from the full site editor (editor -> styles), with a choice that impact the entire website. One can further ...
0
votes
0
answers
17
views
Hover Hide-Visible Additional CSS not working in Wordpress website, but shows properly in Customize window
I have used icon-box element in my Wordpress website with free version of Elementor. I wanted to show icon and title in default and keep the description hidden. On hover, I want to change the color of ...
2
votes
0
answers
43
views
Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
The new WP 6.6 will let anyone style any registered block style variations in theme.json via the styles.blocks.blockName.variations property. Check the following post for more info:
https://developer....
- 2,002
0
votes
1
answer
44
views
CSS how to target the caption of one individual image?
I can use .wp-element-caption to change all site captions at once, but I want to target one specific caption at a time. Because I'm adding additional CSS to a premade WP theme, I can't find a way to ...
- 1
0
votes
1
answer
359
views
How do I remove the hamburger menu from the Twenty Twenty Four theme?
I'm trying to remove the hamburger menu from the Twenty Twenty Four theme while in mobile view and have the navigation appear at the top of the page vertically.
I'm able to remove the hamburger button ...
- 1
0
votes
0
answers
58
views
Style.css and .js files doesn't load at first - load only after forced reload
So I made a wordpress theme, everything works ok on localserver. Updloaded it to a webserver and here is the problem: neither style.css or any of the .js files I've made load. The console returns this ...
0
votes
0
answers
19
views
My backround image in css is not showing
Css
styles.css
body {
position: relative;
background-image: url('blue.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-...
0
votes
1
answer
66
views
How can I highlight the active page using paginate_links()?
I wrote this code:
<div class="col-12">
<div class="pagination d-flex justify-content-center mt-5">
...
0
votes
1
answer
76
views
How do I make a shortcode to display Dokan seller badge list? [closed]
I am going to add the Dokan seller badge list to the single product page by creating a shortcode so that the tooltip is also displayed. Thank you for your guidance.
0
votes
0
answers
60
views
How to add a class to a core block in both admin editor and frontend?
I'm having huge difficulties with the forced styling bundled in WP (using hybrid themes):
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: ...
- 334
1
vote
1
answer
145
views
Get generated block styles programmatically
If you use wp_head() in the header of your theme Wordpress generated a style tag for the Gutenberg block editor.
Who knows how you can get the generated css style tag with the styles without using ...
- 31
1
vote
0
answers
21
views
when I am logged in my page seems to be proper, but when I am just visiting the page in incognito, some css are not applied & page looks weired
as I mentioned, my page looks proper when I am logged in, and when I am logged out some css in the page doesn't get load as a result tabs & carousel didn't look proper. here is what I have tried,
...
- 11
0
votes
0
answers
260
views
Elementor : display only one category in loop grid
I'm having some issues with the loop grid in Elementor. I have two categories on my website and created two loop grids. I want to display only one category in each loop grid so I used some CSS to my ...
- 1
1
vote
0
answers
51
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 ...
- 11
1
vote
0
answers
40
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 ...
- 11
0
votes
1
answer
68
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
16
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
1
vote
1
answer
53
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 ...
- 123
0
votes
0
answers
21
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?
- 1
0
votes
1
answer
72
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 ...
2
votes
1
answer
93
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 ...
- 21
0
votes
0
answers
42
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
...
- 101
0
votes
0
answers
68
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 ...
- 11
0
votes
1
answer
26
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($...
- 103
0
votes
0
answers
114
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-...
- 101
0
votes
0
answers
68
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
50
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
51
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;
...
- 3
0
votes
0
answers
92
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
65
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
95
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 ...
- 29
0
votes
2
answers
65
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 ...
- 11
1
vote
2
answers
980
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 ...
- 11
0
votes
2
answers
392
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 ...
- 51