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 ...
0 votes
1 answer
2k views

Fix hover images blink

I have this css script generated using php, it's used to show a wordpress second featured image when an user hover. The problem is that the images are blinking and I don't know how to solve this small ...
1 vote
1 answer
748 views

Hide author from search results meta, still display date and categories

How can I hide just the author from the post meta in search results, while keeping the date and categories? I know I can use something like: .post-meta .author { display: none; } to hide the author ...
0 votes
2 answers
1k views

add css to only body text

In my single wordpress posts I want to apply a padding of 100px to the left and right. The problem is that when I apply it to .single .post-content the images also get a padding. However, I want all ...
0 votes
1 answer
1k views

Clickable Text To Replace Radio buttons

Hey guys Im trying to get some assistance brainstorming. I have this Contact form on a site, That has Selectable text in place of something like checkboxes or radio buttons Im using formidable ...
1 vote
1 answer
2k views

Default Gutenberg CSS on frontend

I want to know how to include default Gutenberg CSS (the one I can see in the editor when no custom editor style is applied) on frontend. I want my the_content() to look 1:1 like in the editor (font, ...
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 ...
1 vote
3 answers
2k views

How can I use one stylesheet for multiple sub-sites on my multi-site network?

I have a multi-site Wordpress setup. Each sub-site uses it's own child theme, but there is one stylesheet that has CSS rules that should be used on several of these sub-sites. I do not want to have ...
0 votes
1 answer
1k views

How to edit wc_get_template_part for archive products

I want to set a custom style for displaying prices on sale in woocommerce archive page. I could do that in single-product.php file but in archive page its just wc_get_template_part( '...
0 votes
1 answer
927 views

functions.php / replacing div's with new ones?

I'm not sure the best way to tackle this one: I have a menu I saw and like and want to use it as a basis for my own. I have the CSS for it. On the page it comes from its all labeled differently to my ...
0 votes
1 answer
713 views

Add top parent page id to body class

I need to have the top parent page id added to the body class of the pages. Homepage (id:10) - Sub page (id:11) -- Sub detail page (id:12) By default it's like: Sub page gets parent Id 10 in the ...
0 votes
1 answer
866 views

Which filter affects the 'entry-title' post class

I created a plugin setting a $var to true if the post belongs to category 'a', and set the same $var to false if the post belongs to category 'b', it works and I can get the correct value depends on ...
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
2 answers
710 views

Transparent Overlay for Gravity Forms Ajax Spinner

I am using this code to center a custom ajax spinner for gravity forms submission. The spinner is centered based on the location of the gravity forms. I would like the spinner to be always centered ...
0 votes
1 answer
769 views

Custom CSS is overwritten by WordPress?

So I made a new website for a club/ organization. My task is to update an old website on WordPress with this new website. I transferred all my HTML pages and CSS/JS files. However, some of my custom ...
1 vote
3 answers
13k views

How to disable the hover effect in Wordpress and Elementor?

Hi all! I created a products section via Elementor in Wordpress. The thing is, that I do not know, how to disable the hover effect.
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
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 ...
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 ...
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
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
1 answer
709 views

How to add meta fields to custom taxonomy add/edit page?

I have a custom taxonomy 'issue'. I tried to add some meta fields to the add/edit issue pages in the dashboard using the method explained by Ohad Raz (https://en.bainternet.info/wordpress-taxonomies-...
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
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
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 ...
1 vote
1 answer
975 views

Changing CSS FilePath for All Pages

So I need to change multiple CSS Style sheet paths for a WordPress website. They rely on a domain that is no longer going to be active. What is the best way to apply the path of these CSS file to all ...
0 votes
1 answer
803 views

jQuery Validation plugin and Bootstrap 4 CSS classes

I'm using jQuery Validation plugin to validate a WordPress theme form. I'm using also Bootstrap 4 so I'd integrate the Bootstrap validation classes ("is-valid" and "is-invalid") with Validation plugin,...
0 votes
2 answers
723 views

Adding CSS styles to Admin Area PAGES only (not POSTS or CPT)

I am using this to load css styles in the admin area (for any user who is not an administrator): function wpse_admin_styles() { if ( !current_user_can( 'manage_options' ) ) { echo '<...
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
2 answers
1k views

CSS loading as empty file in Custom Theme

Hello I made a custom theme and moved it from MAMP to a cloud server. For some reason the CSS is an empty file. File path is correct, checked the file in cPanel and it has the full .css sheet. But ...
0 votes
2 answers
1k views

How to remove class="wp-block-heading" from Heading tags?

WordPress is injecting class="wp-block-heading" to all the heading tags, like h1, h2, and h3. Even though I don't need it in my style sheet. I tried removing it with the following codes, but ...
0 votes
1 answer
3k views

How to automatically add custom classes to headings in content area

Is there any way I can automatically add a custom class to heading tags (like h1, h2, h3, etc..,) in the content area. I know that I can manually add a class to a sub-heading from the post editor, but ...
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
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; ...
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&...
0 votes
3 answers
2k views

WordPress loads old style.css, then loads current one

I'm new to WordPress, so I'm not really sure how it works, but I've been editing the theme by changing wp-content/themes/<theme_name>/css/style.css, then uploading this to the website via FTP. ...
0 votes
2 answers
1k views

CSS transition from 0px width to 100% width

I have a website where I have set the content to left 100% on normal screen and on click on the button it will show on the screen with left 0%. I want the transition to be smooth, like the width will ...
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 ...
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 ...
0 votes
1 answer
874 views

Add WordPress Core CSS into editor-style.css

I am using a custom child theme (from Parabola, Cryout Creations, lastest version), but it seems that the editor-style.css file is not up-to-date. Rather than rewriting everything, I would like it to ...
0 votes
1 answer
979 views

Pseudo class :before don't working in a specific button

Currently, i'm building an ecommerce and a small button was running with pseudo class :before suddenly stopped working.The site run WP with Divi and Woocomerce. I wish the bellow code back to run: ....
0 votes
1 answer
1k views

How to enqueue stylesheets in child-theme functions.php?

I know this topic is old hat, but I still got issues with that. I use the elementor child-theme and try to enqueue the following stylesheets hello-child-theme-folder: style.css hello-child-theme/...
0 votes
1 answer
3k views

How get horizontal div instead vertical CSS

I can't make horizontal some div in a div. And if i can, i can't edit the size ! This is a little part of code HTML / PHP echo '<div class="makeitseo">'; foreach ( $res as $service ) { ...
2 votes
1 answer
1k views

Block content rendered with inline CSS. How do I reuse it in a headless setup?

I'm working on a Headless Wordpress setup. I want my Wordpress posts rendered elsewhere. I want to write these posts using the basic Gutenberg block editor, and show them on a separate non-Wordpress ...
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
877 views

How to enqueue google fonts if we use directly in style.css

My theme has "selecting differrent google fonts options" So for that we need to load several .woff2 files. So i have added 2 type of woff2 files in Top of CSS file (Bitter & Lora). but i don't ...
0 votes
1 answer
2k views

How do I make a child theme's style.css load after plugin css?

A client website is using Ultimate Visual Composer Addons plugin, which load its CSS file after the parent and child theme stylesheets. How do I load the child theme stylesheet after the Ultimate ...

1
2 3 4 5
…
57