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
1answer
36 views

Understanding how the class family `inner-container` works

After changing the theme to Twenty Twenty-One, I have a bug with custom containers from various block plugins. In particular, custom blocks should have a class ending with inner-container (which I ...
0
votes
0answers
19 views

Stop custom Gutenberg styles taking over other admin bits?

Is there any classes or way of targeting CSS so custom Gutenberg styles doesn't take over the whole admin? For example i want p tag to reflect the front of site font-family and a links etc, but then ...
0
votes
0answers
48 views

Save custom option in CSS file

I have built this script in order to display a CodeMirror in a plugin and through the CodeMirror integration I can inject and save CSS in the head of the website, the result is very cool but I would ...
1
vote
1answer
23 views

How to override checkbox styles if these inputs have a unique id [closed]

I'm trying to override default input checkbox styles, but not good result. First of all these checkboxes and labels have unique ID. But if I try edit these checkboxes, no effect, because every ...
0
votes
0answers
32 views

Change CSS in functions.php

I wrote some code in my functions.php to make a blog title smaller when too long, but i would also like to target another css class called .slide-entry in my blog page. So in the first if statement, i ...
0
votes
0answers
9 views

Function to load custom style sheet

How would I write a function which creates a button on all page types to override the current style sheet for this page with another custom style sheet when set to on.
0
votes
1answer
20 views

How would you add sequentially numbered labels to images in posts?

I'd like to add sequentially numbered labels to images in posts. Just a small number in the corner of each image to help when referencing them in my writing. All of the images are wp-block-image (no ...
0
votes
1answer
19 views

Add core style in theme

I am creating a theme where I will display some pages The issue I have is that the WordPress editor is adding a lot of class, for example has-text-align-center The only solution I found is adding <?...
0
votes
0answers
51 views

broken internal JavaScript and CSS files

there is more pages like this when i try to open any page i cant see the products and the wp-includes is not in that place i dont know why they trying to access from that path https://moroccan-craft-...
0
votes
2answers
32 views

Use CSS tag inside PHP code

I'm trying to show/hide two lines of text depending on whether a WooCommerce category is empty or has any products in it. Those lines are inserted in text blocks using Elementor and I've assigned a ...
1
vote
0answers
13 views

How to tie dark mode with prefers-color-scheme webkit? [closed]

I implemented dark mode on my Wordpress website with the following code: //Create the cookie object var cookieStorage = { setCookie: function setCookie(key, value, time, path) { ...
1
vote
0answers
18 views

Custom CSS doesn't work in edit mode

I'm using Wordpress 5.6.1 with Twenty Twenty-One theme. I have added some additional CSS and it works fine for published posts. But it does not apply while I'm editing a post. In Chrome web ...
0
votes
0answers
49 views

avada woocommerce product details in grid

Using avada theme and woocommerce when the products are listed on page load, picture is over product text on first load. After reload it all aligns. Please refer to the picture below. Any suggestions ...
0
votes
0answers
28 views

Combine page types and Custom Taxonomy in a functions.php command

add_action( 'wp_head', function () { if ( is_tax('country') ) { ?> <style> @media (max-width: 768px) { .site-content { display: flex; flex-direction: column-reverse; ...
0
votes
2answers
23 views

Trying to load a responsive CSS media query using Custom Taxonmy

@media (max-width: 768px) { .page-id-9334 .site-content { display: flex; flex-direction: column-reverse; } } I am trying to load this CSS into Custom Taxonomy Pages... My original ...
0
votes
0answers
21 views

Web App on a Wordpress page?

I built a simple Web App using HTML CSS Javascript and a folder with a few images. Is it possible to display the app on a wordpress page? Would it also be possible to embed the app into a blog post? ...
0
votes
0answers
8 views

Landing Page with HTML CSS JS and Images on wordpress

I have a portfolio site using wordpress and the Neve theme. I was wondering if I could add a sample landing page I built using Html CSS js and png images to a wordpress page so someone could easily ...
0
votes
0answers
44 views

I can't go to the page archive-{post_type}.php

Is my custom post type on function.php add_action('init', 'create_objects_type'); function create_objects_type() { register_post_type('objects', array( 'labels' => array( ...
0
votes
0answers
14 views

How do I add a class to a given element

<div class="Quiztext"> <ul> <li class="ListItem" data-pos="0">Correct Answer</li> <li class="ListItem" data-pos="...
1
vote
2answers
119 views

How to dequeue styles coming from plugins?

I'm trying to reduce the overloading by not to load all style sheets on my website's homepage. Some of those sheets is coming and loading from external plugins like woo-commerce, I have tried to do ...
0
votes
0answers
12 views

Hamburger menu button moving up and down on mobile only

I'm quite new to wordpress so apologies in advance if I'm doing something obviously stupid I created a site from a theme and have modified it using elementor; the site looks and works fine on desktop, ...
1
vote
1answer
10 views

Change via CSS the color of social menu icons

my page is this one and I want to change the pinky color of the icons for another one. I have try several ways in here but I can't.
0
votes
0answers
21 views

Add inline styles to core wordpress blocks

I want to add a field to all default / core WordPress blocks so that we can add inline CSS to them. e.g. padding to the 'group' block to avoid the text being bunched right to the edge. The reason that ...
0
votes
0answers
39 views

astra theme costum css not working in wordpress 5.6

I am using the Astra theme and in additional CSS when I use CSS to change color for the p tag it works fine. I want to change the color of h1 tags but the custom CSS is not working. I have tried: h1 { ...
0
votes
0answers
6 views

Where can I find information whether my GeneratePress parent theme loads its style using a function starting with get_template OR get_stylesheet?

Where can I find information whether my GeneratePress parent theme loads its style using a function starting with get_template, such as get_template_directory() and get_template_directory_uri() or If ...
0
votes
0answers
23 views

Problem with displaying CSS Stylesheets - Am I adding them correctly in my wordpress child theme?

Is this a proper way to load CSS files into my WordPress child theme? add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); add_action( 'wp_enqueue_scripts', 'case_studies_styles' ); ...
0
votes
1answer
55 views

My CSS suddenly doesn't load anymore [closed]

I've did some small changes on my CSS, nothing crazy, uploaded them to my website. Cleared my cache and suddenly, the website doesn't show my custom styles. Website: http://experienceantwerp.be/ My ...
1
vote
3answers
80 views

Enable specific CSS Code for Visitors and specific Roles

how i can enable an specific css code for visitors and an specific user role for example this code: input[type=radio] { border: 1px solid !important; }
0
votes
0answers
9 views

Product image landscape

90% of the images are and should be displayed in a 5:8 ratio. 10% are natively in the landscape format, so they are stretched in a 5:8 ratio too. (Customizer > WooCommerce > Product images > ...
0
votes
1answer
22 views

How to sync the style in the visual editor with the style of a child theme?

I have a wordpress site with twenty-twenty theme sightly modified with a child theme. The site's publically accessible surface is displayed correctly according to the modifications declared in the ...
3
votes
2answers
47 views

FireFox Inspector :: find CSS file related to <div>

I'm creating my new website and I would like to change the background colour. Through FireFox Inspector I nailed the CSS line that manages the colour, it's background-color: #fff; I now have to ...
0
votes
0answers
15 views

oceanwp+woo mobile cart sidebar text

It's probably obvious question, but im loosing it right know.. How can i reach "Cart" text in Mobile cart sidepanel? I want to change it. Maybe anyone can help me? Site i need help with : ...
0
votes
0answers
22 views

Adding Custom css file in the wp-uploads directory with custom php functions

I need to create a css file generated with php code in the wp-uploads directory. For example This is the code to generate the output <?php echo "body{color:red}" ?> And saves in the ...
0
votes
0answers
10 views

How to prevent WordPress from purging inline CSS?

Given the following excerpt of a post: you're clear to just write <code style="white-space: nowrap; background-color: cyan;">with epoll() as E: …</code> and everything will be OK....
0
votes
0answers
14 views

Custom fonts only shows in preview and not in live

On my WordPress, I set up my custom fonts through CSS @fontface. However, when I checked my articles which are published, the actual font doesn't show up but instead seems to have used Calibri wrongly....
0
votes
0answers
22 views

Navbar bg to overflow to section below (updated)

This might be an unusual question. But is there any css for making the navbar background to overflow to the next section below? We want to create a seamless interaction with the graphical id of the ...
0
votes
1answer
26 views

How to apply CSS based on publishing date

Is there an idea in WordPress that can apply CSS file only to posts published after a certain date? Renewal a site created with WordPress. It is to keep the previous record and apply the design ...
0
votes
2answers
111 views

admin panel - How to remove “delete” button from category editing page

i want to disable, hide or remove delete buttons from category page I tried editing functions.php with no luck: add_action('admin_head', 'hide_category_buttons'); function hide_category_buttons() { ...
0
votes
1answer
182 views

Wordpress footer always at the bottom of the screen-page

I'm having a problem in fixing the footer always to the bottom of the page, also when there is not enough content in the page to fill it. I found a lot of similar questions online and all of them ...
0
votes
0answers
21 views

Can't load assets

I finished some project and this script for loading assets worked fine. But now in another project something is weird. I can't load .js and .css <?php function add_css_js() { wp_enqueue_script('...
1
vote
0answers
12 views

Auto LTR-RTL Text Direction in wordpress post!

How can make wordpress auto direction to language detected and switch it automatically Example: when i use facebook app or website i usually use it in English language LTR but when I write something ...
1
vote
1answer
12 views

Remove transparancy in Sydney theme's headerimage

I'm bulimg a Wordpress site on the Sydney theme. On some pages the header image is kind of transparent. Not on the start page, but on all the other sites (example here: https://www.ferienhof-rauchhaus....
0
votes
0answers
16 views

Edit Dropdown menu parent element color

So I'm using the theme Hestia (free version) and I want to change the pink color by default that the text of the parent link gets (you can see PROJECT)
0
votes
1answer
13 views

Is there any known plugins that would replace WordPress classes in editor with their Bootstrap 4 equivalent?

Context: I'm using WordPress as a backend for article writing on a non-wordpress site (built with Laravel, using Corcel to access the data, if that matters). That website is built with Bootstrap 4, ...
0
votes
0answers
18 views

How to hide unnecessary stylesheets & scripts link in html source on front_page?

I have 1 question. Is there any idea how to hide all the unnecessary scripts and stylesheets on WordPress front page only(as screentshot provided? I am doing this because of to maintain my home page ...
0
votes
0answers
27 views

Can’t find a <p> tag to style

Hi how can I edit a <p> tag found on index. I have used the inspect in chrome but it’s not linked to any of the css files.. it has set the font style to 30px instead of 14px. EDIT: I have ...
1
vote
0answers
28 views

Save changes in CSS after removing Menu from specific page

I am completely new to WordPress and just succeeded in removing the Menu bar from specific sites. For this purpuse I used .page-id-xxx .site-navigation - primary-navigation{ display: none; } ...
0
votes
0answers
252 views

Completely remove Font Awesome from website code

I am using Elementor on my WP website. In the process of speeding up my site, I also wanted to disable FontAwesome. In admin panel, the only place I found to disable it was in Elementors advance ...
0
votes
0answers
13 views

change the number of columns displayed on the phone

How can I change the number of columns displayed on the phone in Featured Products from 2 to 1 on the home page? my page is: https://websitedemos.net/brandstore-02/
0
votes
1answer
16 views

My top header looks different on single pages but is fine on the home page

For some reason, my top header looks different on single pages but is fine on the home page. my site <?PHP if ( is_front_page() && is_home() ): ?> <h1 ...

1
2
3 4 5
52