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.

452 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
1answer
967 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 ...
2
votes
1answer
64 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
0answers
37 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
1answer
294 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
507 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
1answer
141 views

When using https, wordpress doesn't use https for CSS and JS, and admin doesn't work. How do I fix this?

So I recently, built and LAMP server and installed wordpress on it. I connected it to the web via a reverse ssh tunnel using serveo.net. I decided to add ssl and the rest of the website seem to work ...
1
vote
0answers
371 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
48 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
0answers
51 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
1answer
35 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
407 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
63 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
67 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
82 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
45 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
130 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
0answers
79 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
27 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
180 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
1answer
354 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
2answers
15 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
339 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
47 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
42 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
vote
0answers
265 views

Ajax Search Lite: Customize Autoscroll

I just installed Ajax search lite and I'm very convinced about the plugin. But I have two questions regarding to the autoscroll function: How can I set down the speed of the auto scroll effect? And I ...
1
vote
0answers
15 views

Widgets Scripts don't load - but load when I reload the page

I've recently made my website and added facebook web plugin script and instagram script on the widget bar. But when I go from the Homepage to another Page it's not loading. It's just loading when I ...
1
vote
1answer
34 views

Making a custom Pagination for multi page blog post

I am building a multi page guide in wordpress and would like to set it up so readers can click on a chapter and be taking that page. I know about the code but i would like my Pagination to appear at ...
1
vote
0answers
79 views

Can't Display Table Headers in Responsive table layout

Am using below mentioned code to display table in WordPress post. It displayed table correctly, but I want to make to responsive so, I used custom CSS code to make Responsive table layout. It's ...
1
vote
1answer
311 views

How remove render blocking css from wordpress when you build a theme?

Is there any good way to avoid render blocking css (google page speed) from Wordpress. Probably more complex, but find a way to add in theme development. It means, not something very specific but ...
1
vote
0answers
95 views

Best way to schedule daily change in CSS parameter

I have a few CSS values on my WP site that I would like to change once a day on a daily basis using a random variable and I am trying to determine the most elegant way of doing this. For the sake of ...
1
vote
1answer
365 views

In editor-style.css how can I change background color of title field?

When editing a page or post, I would like the title field to have a different background color from white. I have tried the following but it doesn't seem to work: #titlediv #title { background-...
1
vote
0answers
24 views

Can I search posts and pages for css classes?

Background: I'm migrating a fairly large site to a new theme from an old theme and an ancient, messy implementation. I want to remove unnecessary css classes that I no longer use from the content....
1
vote
0answers
390 views

Gravity form built in Captcha

I am using gravity form built in CAPTCHA and it is not working with my theme. I have active wordpress default theme and CAPTCHA was working with default theme. So there is only conflict with my theme. ...
1
vote
1answer
36 views

Ability to automatically redirect a URL

I have a website allows people to create fundraising campaigns for selling t-shirts. They have the ability to log-on, create product and then create a campaign with a deadline, etc. The plugin that ...
1
vote
0answers
469 views

How to enable table overflow scroll? (especially order list table)

Above in image the order list table not able to scroll horizontally and also breaking the words . I want to make scroll . Help me how to do this ?
1
vote
0answers
251 views

Radio buttons live refresh in the customizer

I've added a new section in the customizer with a radio button setting with three options. The new setting adds a CSS class to the site header. Everything works as expected except the live refresh in ...
1
vote
1answer
523 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-...
1
vote
0answers
573 views

wp_add_inline_style breaking style and not working

i have an option field where i save custom style and use wp_add_inline_style to output. But it does not work as expected. Suppose i have .fep-some-class > div but if i see source code of my page i ...
1
vote
1answer
252 views

Different post styles depending on category

I am using Zephyr theme The link to the blog page. I want to style each post differently based on the post category ex: social media, announcements ect. I would like to style them using a cards ...
1
vote
1answer
366 views

How create a Shortcode with hover and complex options

I am wondering how do you do when you have to create a shortcode with multiple hover or complex options ( gradient, boxshadow etc, thing that can't be inline ). How do you generate the css. I don't ...
1
vote
0answers
63 views

Following Web Performance Optimization techniques to output static and dynamic css

I have always felt the way styles are handled in WordPress is not optimal regarding the web performance optimization (WPO) techniques that are related to css. From a theme developer point of view, ...
1
vote
0answers
37 views

Two column Dropdown for WordPress Toolbar

This started out as something seeming 'easy' but I'm stumped. I've created a plugin which removes all of the nodes from the WordPress Toolbar then adds three new parent nodes. One of the parent nodes ...
1
vote
0answers
223 views

Child Theme with multiple css files

I know this is a frequently asked question but I don't resolve it. I have make a child theme of a theme with multiple css file and I'm trying to copy them but I probably don't enqueues css files ...
1
vote
0answers
136 views

Remove margin from CSS gradient color code

I'm trying to use a CSS gradient code within a container that has a border and 30px margin, but this code is filling the margin space too. I want the margin to be left out of the gradient. I tried ...
1
vote
0answers
1k views

Custom styles dropdown in TinyMCE editor - not working with headings

I've added a custom style dropdown to the TinyMCE editor, but cannot get it to work with headings (h1, h2, etc..). I highlight plain text, select the style from the formats dropdown, and the text does ...
1
vote
2answers
43 views

Wordpress Multiple Navigation bars

This is more of a 'Is it possible question" I have a home page which has a full width header and a transparent Navbar, when you scroll this Navbar changes to white. On all my other pages I want this ...
1
vote
1answer
121 views

css hide all the comment reply links except the lowest nested comments

I understand different themes use different css for the reply link however there should be enough native WP css to narrow it down to the lowest nested comment. I'm trying to get my head around the ...
1
vote
1answer
28 views

Old Site displays on Mobile View, not New Site

I just relaunched a website from HTML to a responsive Wordpress site & theme. It's great on desktop, but folks who have visited via mobile before the relaunch are still seeing the old site. ** ...
1
vote
1answer
99 views

Port existing Bootstrap site to WordPress?

I have an existing static site, built on top of Bootstrap, with custom CSS. Now I want to move the site to WordPress (yay). But I want to keep all the styling and layout in WordPress exactly the ...
1
vote
0answers
213 views

CSS_Menu_Walker not showing on mobile view?

I found this example on perishable press. My menu works fine and all the submenu items display properly. For some reason, when scaled below 769px, it disappears. I figure it's CSS, but I can't make ...