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.

634 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5
votes
1answer
1k views

Hide/show content starting in the middle of a paragraph

I need to be able to hide/show arbitrary content (paragraphs, lists, maybe pictures) based on a user clicking a link. This is easy enough, but I am running into a lot of problems trying to add this in ...
3
votes
0answers
162 views

Change Theme from Plugin based on query_vars

I'm working from about 4 months on developing a Plugin. This plugin make in a page an entire app, using the powerful of Wordpress. So, I've decided to create a serires of rewrite rules using command ...
2
votes
1answer
77 views

Can the Theme Customizer be used to generate static/cachable CSS, and how?

I am currently trying to make a customizable Bootstrap theme for my personal WordPress site, however, I am running into some issues. Bootstrap can be customized by modifying the SCSS variables, and I ...
2
votes
1answer
82 views

Dequeue theme stylesheets but keep widget styling on custom page template

Bit of an unusual one. I have created a plugin that will only display content on a custom page template. For this reason, I have dequeued all the theme styles via $wp_styles and loaded in the plugin ...
2
votes
0answers
50 views

WordPress default theme css units

Is there a specific rule the default WordPress themes follow for CSS units? I see em's on some font sizes and rems on others and px on certain places. Referred the following links but I couldn't ...
2
votes
2answers
182 views

How can I enqueue a style only when a particular widget is active?

I have a plugin which requires a style sheet for the widget. I am trying to register the stylesheet when the widget is created, however the style sheet is not being queued and the styles ignored. The ...
2
votes
2answers
643 views

What is better way to use Bootstrap inside admin panel?

I need to use Bootstrap CSS for better UI in wp-admin but if I enqueue the bootstrap.css, it's affecting the admin default UI by changing background colors, etc. How can I use bootstrap.css inside wp-...
2
votes
1answer
512 views

How to make float element in tinymce

I would know how its possible to add a float:left or float:right in tinymce ? I know how to do this for a picture but what is the best solutions for all elements ?
2
votes
1answer
508 views

How to move parent li to end of child ul

I'm working on translating a site from HTML/CSS to Wordpress, and I've come across an issue. In the spirit of keeping the site fully customizable from the dashboard, I've been using Wordpress' default ...
2
votes
1answer
568 views

Extending content width with twentyfourteen theme

I'm using the twentyfourteen theme and have successfully removed the content (right) sidebar. However, I now want to stretch my content to cover the space left by removing that sidebar. I have added ...
1
vote
0answers
23 views

Removing Title From Links to Site

So I've been using my wordpress site to blog. I've also been importing those blogs to Medium, and anytime I share the article the site title is appended to the end. So if the article is named "100 ...
1
vote
0answers
18 views

Is it possible to add a ribbon in the background of h1 on every page?

I want to customize my h1 and to put a ribbon in the background like in the example bellow. Example: https://css-tricks.com/snippets/css/ribbon/ I'm not quite sure if/how it's possible to make all ...
1
vote
1answer
24 views

How to create fa-bars animated menu

I'm trying to animate my i class fa bars so that the hamburger menu rotates and crosses on click. I haven't been able to find a way to animate it, so found this. <!DOCTYPE html> <html> &...
1
vote
0answers
27 views

Remove extra white space bellow and above product short description in storefront woocommerce

Please help me to remove extra white space below and above the product short description in the storefront theme. I am a novice. Here is the link to my website enter link description here
1
vote
0answers
10 views

WordPress Menuing Question :focus

I'm using the following script in the WordPress functions.php file to disable top level parent items when they have a submenu. It works perfectly, but I need to it actually work like this: If ...
1
vote
0answers
22 views

How can I add class to every quote element?

How can I edit defualt class of quote element? Can I use some kind of hook in the_content to add class to any other element??
1
vote
0answers
30 views

Multiple amp-image overlays. How to properly do this in wordpress?

Summary Goal I want to: Add multiple overlays to an image, on a page, created with gutenberg, rendered as amp-img on the frontend. I want this kind of end result, but added through gutenberg. When ...
1
vote
0answers
37 views

create a 2 row menu in wordpress

I am trying to split my menu in 2 rows by css but it doesn't work. Can anyone help me? I need my menu to be like (http://4amedical.com/en/) website, but instead, my menu moves under the subheader ...
1
vote
0answers
26 views

Child Pages Short Code plug-in and hover capabilities?

Recently was trying to work on Wordpress site that was passed on to me, and it has a page that uses this plug-in and this one. The former provides an excerpt of the child-page for viewing purposes on ...
1
vote
0answers
31 views

How to add material design css in wordpress and woocommerce

I am creating theme from scratch. I want to add material design css / forms / components and style in my theme. Can someone please assist me how to start. How can I disable default wordpress and ...
1
vote
1answer
36 views

Making nav menu sticky and transparent

I am currently having a hard time making it real. I am using a custom theme but there are no settings for the things i'm searching for. Now the header is transparent but not sticky. I want to make it ...
1
vote
1answer
158 views

How to organize priority of plugins CSS files?

I'm developing website with theme (Astra Pro with child theme) and plugins. While I'm checking my performance in Chrome Dev Tools trace shows non-critical stylesheets with high priority. Example — ...
1
vote
2answers
30 views

WordPress Light/Dark Theme best practices? Is there a way that really works?

We currently have a light/dark theme enabled on our WordPress site using cookies and a .dark class in CSS. It works, but makes using WP Total Cache almost not worth it as any post/page using the ...
1
vote
0answers
163 views

Remove WordPress/Gutenberg button styles for ACF blocks

Is there a way to remove the default styling of the gutenberg editor? I am building a custom theme using ACF blocks, part of one of the blocks has a button that is being displayed from the template ...
1
vote
0answers
17 views

Removing included CSS file that doesn’t exist

I tried to install a premium plugin for divi icons, But it wasn’t installed successfully. There is a CSS file added to the homepage https://www.example.com/wp-content/uploads/aspengrove-icons/...
1
vote
0answers
73 views

style.css doesn't load on the home page when front-page.php activated (using stock theme)

I promise you I'm not wasting your time with this problem. I have searched through StackExchange for almost 4 hours in the last few days, and even though there are questions with similar titles, I ...
1
vote
0answers
1k views

(Sticky Row) How do i make a row sticky in wpbakery page builder?

I want a row to get stick to the top menu so that it can act as meu for my user. For reference please see the image.
1
vote
2answers
95 views

Header's CSS doesn't work in Chrome and Opera - any ideas how to fix it?

I am creating a Wordpress site, but I have a problem with desktop version of Chrome and Opera - my header displays differently here (in all other browsers everything works just fine). Here are ...
1
vote
1answer
264 views

How to add styles set by user in the customizer

I want my theme to be very customizable, and so far i have provided the possibility to change text and link colors to the body, plus the background color which comes by default (I'm using the ...
1
vote
0answers
86 views

footer disappear on some pages frequently

I have a problem with my footer that keeps is disapearing. I am using blade theme. On other pages news articles it is showing. Does anybody know what could be the problem? my site is http://www....
1
vote
0answers
42 views

Styles and scripts inside template part

Is there anything wrong with including style and script tags inside a template part? The template part which I'm using like something more similar to a vue/react component is working correctly but ...
1
vote
1answer
41 views

Pure CSS to “float” to the right the number of children of an admin_bar child node

I've added an admin_bar node. Each item in that node has a variable number of children. I want to display the number of children for each item "floated" to the right of the item's title (with some ...
1
vote
1answer
530 views

current-menu-item class in CSS

I have created one main Page(Home Page) and many custom links in wp-admin. All custom links are linked to sections of Home Page. Example: Custom link About Us has a URL = #section1 and in my code I ...
1
vote
1answer
80 views

How to stop featured image thumbnail [set as background image] on blog index page just repeating same image across all posts

How to stop featured image thumbnail [set as background image] on blog index page just repeating same image across all posts: i have this code here: add_action( 'wp_head', 'set_featured_background',...
1
vote
0answers
138 views

Admin pages missing css

suddently my admin page lost his css I think.. It looks like this: I've read some topics with similar problems and I've already tried to: - clearing browser cache and changing browsers - reinstall ...
1
vote
1answer
114 views

Inline Style attribute getting stripped off

I am trying to style a particular section of a blog post using the WordPress editor in HTML mode. <div style="background: red;"> Special section </div> The works fine. But when I add ...
1
vote
1answer
63 views

How to apply a CSS file to my admin pages?

I have created a simple CSS file and I would like to apply it to one of my admin pages--specifically the 'edit post' page. I have tried two methods (described below), but both are failing--the CSS ...
1
vote
1answer
292 views

Need Help Figuring Out Admin Menu Hover Styling Class

I am building a plugin that part of it has to do with styling the WordPress Dashboard Admin menu. I have everything all coded and working I am just stuck on this one piece. I need to find the CSS ...
1
vote
1answer
41 views

WordPress plugin output formatting

I'm currently working on my very first Wordpress plugin, and it is coming along nicely. I do have one question about the formatting of the generated output. At the moment, the plugin outputs a table ...
1
vote
0answers
118 views

“Scattered” gallery

I'm building a theme for a portfolio-type site. I'm looking for something like this: This site uses some kind of Foundation Grid CSS to size the thumbnails using different sizes. My question is, ...
1
vote
1answer
34 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 ...
1
vote
0answers
221 views

Incorrect MIME type for assets with Valet

Using WordPress and Valet I am getting the following with CSS: Resource interpreted as Stylesheet but transferred with MIME type text/html Response Headers for CSS files: Connection:keep-alive ...
1
vote
0answers
63 views

Additional CSS - crashing with javascript-html minifier?

How can I load Additional CSS style manually in functions.php? This is how I load my css files and js files: function xxx_scripts() { // Load our CSS bundle. wp_enqueue_style('xxx-master-...
1
vote
1answer
452 views

Twenty fifteen theme - change responsive menu condition

So I want to move sidebar to the top of the page and hide it behind hamburger menu. Just to make it exactly like when the screen is smaller (tablet, smartphone), despite resolution. So I thought ...
1
vote
3answers
450 views

Child theme problem

I'm trying to add a child theme on a website, I created the folder called mythemename-child, I created the style.css file with this information inside: /* Theme Name: Mizrahi-child Theme URI: ...
1
vote
1answer
824 views

Root Sage theme styles are not working!

One of the websites that I'm working with has a custom build theme using Sage Roots. It works just fine on the live site and I was trying to setup it up in my localhost to work with it. For some ...
1
vote
2answers
17 views

What would I need to write into a custom plugin in order to add a switch for a custom string of CSS to the edit page?

I have created a page on one of our sites which has a few snippets of custom CSS to make it display in a very modern, 100% width style like this, as opposed to the standard, more constrained style of ...
1
vote
0answers
461 views

Bootstrap and Custom CSS in custom plugin are being overwritten by theme

This is my first plugin, and I'm having a real hard time figuring out enqueuing styles/scripts. All the code I wrote for the plugin works great, but I'm having issues with stylesheets and Bootstrap. I ...
1
vote
1answer
73 views

Static page to one page- menu inactive items highlighted

The website I am working on has a one-page architecture with a couple of static pages. The main issue is that when I click menu item from a static page (construction of that menu item in my WordPress ...
1
vote
1answer
45 views

Please Explain the Importing Process of Multiple Stylesheets for Child Themes

So I want to create a child theme for the premium theme Newspaper 7. I have read several tutorials and I have read through several answers on here, but I still do not understand the process of ...

1
2 3 4 5
13