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.

learn more… | top users | synonyms

1
vote
0answers
36 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, ...
0
votes
2answers
71 views

Ideal inline dynamic CSS injection

There is a code in here that dynamically load custom script. <?php function my_styles_method() { wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/css/...
0
votes
0answers
46 views

How to stop printing header, footer, sidebar and other items (Tesseract theme)?

My screen pages look fine. All elements on a page look like they will print on one page. When the page prints, the header, menu (drop down), footer, social media icons at bottom (also showing link url)...
0
votes
4answers
40 views

Hide Image On Wordpress On Single Page [closed]

Sorry, I know this kind of question has been asked before but I can't quite figure it out. I'm trying to hide the city image on this page: http://learnenglish20.com/buy-tokens/ I put this CSS in ...
0
votes
1answer
44 views

inline css causes multiple copies [closed]

This is a question that' stumpled me and I don't know how to ask the right question. If the question is labeled incorrectly, please rename it. I'm using an inline CSS to make the featured image a ...
2
votes
1answer
45 views

How to target first img in every wordpress post with CSS [closed]

I am trying to target first image in every post. The example post where I am trying to perform this is here. So I tried to use first-of-type like this .single-post .entry-content img.aligncenter:...
0
votes
2answers
24 views

How can I alternate styling of images in a post? [closed]

I'm working on a theme for a travel blog and the author likes to insert small images in the text of their posts (an example is here). I want the images to alternatingly float left or right (so the ...
0
votes
0answers
70 views

How to include jQuery UI smoothness theme - without conflicting with Contact Form 7

After copying the following HTML-code from jQuery UI selectmenu example into my twentythirteen-child/front-page.php file: <form action="#"> <fieldset> <label ...
0
votes
1answer
19 views

How to get dynamic template-function generated CSS into HEAD?

In a WordPress theme I have a custom function that generates some HTML and CSS based on factors on the page. Previously I had simply dumped the generated CSS into embedded <style> tags. However, ...
0
votes
0answers
14 views

Post style in custom wordpress theme

I've made up a custom WordPress theme. So far everything went quite smooth but now I want to update the blog and the styles selected in the backend don't show up at the front. For example: I center ...
0
votes
0answers
15 views

Click to expand menu

I have the following menu in Wordpress: https://jsfiddle.net/L3y2rno8/ (renderd HTML) The menu is using a custom walker in my theme functions.php: function wp_nav_menu_attributes_filter($var) { ...
0
votes
1answer
43 views

jQuery accordion menu

So I have just started developing a theme with _s (underscores) as a basis. For three days straight (almost) I have been trying to make an accordion menu sort of like this: Example: https://codyhouse....
0
votes
2answers
49 views

Relative post date in recent posts list

I have basically worked on this all night and I realize I am quite stuck. I have a sidebar in my wordpress theme that displays the most recent posts. The sidebar looks like this: Below each title ...
0
votes
1answer
64 views

LESS not working in WordPress [closed]

How to run the CSS preprocessor (LESS) in WordPress? I'm trying to apply LESS in my child theme. I create variable.less and place it in the child theme folder css/less/variable.less and I call this ....
-4
votes
1answer
42 views

WordPress Custom Fonts Problem! [closed]

I added custom fonts on my website! Its based on Genesis Framework.More then 15 days web fonts show every where,suddenly fonts missing but i checkout my fonts link and fonts deceleration on CSS its ...
0
votes
0answers
19 views

Wordpress functions in CSS?

I'm developing an audio player plugin and I'm trying to figure out how to make the links work on any install. I've used wp_enqueue_style('player', plugin_dir_url( __FILE__ ) . 'css/player_style.css'...
-3
votes
1answer
28 views

Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size

I'd like to hide the site title that appears on the sidebar on a twentyfifteen theme WordPress website when viewing it in a desktop display, but have it show when the display is fitted for mobile or ...
-2
votes
1answer
33 views

How to echo css class for a link? [closed]

I am trying to add a css class to this link in a plugin I am using. The plugin has the following code - echo "<a href=\"" . get_permalink() . "\">"; The css class I'd like to add is class="...
0
votes
1answer
27 views

How can I add a class to particular paragraphs in my post?

The effect I'm looking for in the end is to have the first line in some paragraphs bolded. These would be the first paragraph of each section in my post. This kind of effect is used on this Bloomberg....
-2
votes
1answer
48 views

Create decorative image border with CSS? [closed]

I'm trying to create a custom border style for several images on a website (building in WordPress.) Is there a way to get the style shown below with pure CSS? (i.e.: trying to add the dark green wavy ...
0
votes
1answer
34 views

Set a link in child theme style.css to jump to #main [closed]

I have created a 2013 child theme by creating these 2 files - /wp-content/themes/twentythirteen-child/style.css: @import url("../twentythirteen/style.css"); .site-header .home-link { min-height:...
0
votes
1answer
27 views

TwentyFourteen Theme : Changing grid layout

I have been plugging away making my new site and it is going great with only one issue so far. How would I go about changing the featured posts grid so that instead of displaying 3 featured posts per ...
0
votes
1answer
49 views

Woocommerce Product page edit

I am making a webshop with every category on another page. That's all done, but now I want to edit the view of the pages. So what you get for every product is: product image, product name, product ...
0
votes
2answers
89 views

Displaying theme options in css

I am literally pulling my hair out trying to figure this out. I have been at it for almost 12 hours now. Being new to PHP and theme development I am having a hard time understanding how to get ...
-1
votes
1answer
47 views

What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript? [closed]

I'm new in wordpress theme development, I want ask some question here, I want to make a parallax effect for my theme header like this: TestParallax.com this is made by using some JS code, I want to ...
0
votes
1answer
39 views

add div after image in post [closed]

I want to give my photos a special style such as this link "CSS3 Hover Effects" For this, I must add a div after any image link in any post What should i do For this style ? I am using Hueman Theme ...
0
votes
1answer
44 views

active link for most recent post on vertical tabs

I'm trying to add the css class .is-active to my vertical tab links inside my loop. By default, the page loads the most recent post first. How can I make most recent tab/post active with .is-active? ...
0
votes
0answers
11 views

why does Wordpress custom css convert alpha to hex values?

When I use the custom css functionality in wordpress jetpack I find that sometimes when saving that it will render my rgba values as css...WHY?!?!?! text-shadow: 0 0 0 #cac5c5 1px 1px 0 #484646 2px ...
0
votes
0answers
10 views

Woocommerce variants CSS targetting issue

When a user is not logged in, they will not see certain things. I've accomplished this with a php/css hack in header.php <?php if (!is_user_logged_in()): ?> <style> ....
0
votes
0answers
10 views

What in current WP is interfering with embedded videos?

We use Wistia as a video hosting provider and have used their services for 4 years with zero WP displaying issues. An example of the embed code is below: <script charset="ISO-8859-1" src="//...
3
votes
3answers
95 views

How to add 'class' attribute into shortcode [audio]?

I would like to style two MediaElement players on the same page differently, and figured out the easier way to do this (compared to adding a completely new shortcode and enqueueing a new stylesheet, ...
0
votes
0answers
23 views

CSS and JS includes are staying HTTP after changing site to HTTPS

i have setup an SSL cert for my domain and its working correctly for everything other than wordpress. All other PHP apps are working fine, but i cant seem to get wordpress to include any CSS or JS ...
0
votes
1answer
48 views

Free theme and css/bootstrap.css is not overridden in the child theme

Why is wordpress still using the bootstrap.css from the parent theme, whenI have a child theme which (successfuly for other things) inherits the parent theme? I have the bootstrap.css settled in the ...
1
vote
1answer
66 views

Is it possible to ignore the first Line Break in a preformatted Div from a shortcode?

I created a shortcode of [pncode] that lets me enclose some programming syntax and apply some styling. Notably, it preformats the text and makes it monospace (full CSS below, if it helps). In the ...
0
votes
2answers
25 views

How to add style in functions.php depending on conditions?

I'm a newbie for coding, I would like to learn how to add css style conditionally in functions.php My header controlled by .header-outer class. What would it be the best way to add css depending on ...
0
votes
1answer
99 views

Keeping my Sub Menu open when hovering on its list items

I'm building a custom theme from scratch and I'm stuck on this dropdown styling. I am able to have the sub-menu appear when its containing <li> is hovered but when I go to transition my mouse ...
0
votes
1answer
68 views

Highlight parent if item from submenu is active

I have a menu, but when I go to the submenu page, the parent of this submenu is not highlighted. How to do this? When it doesn't have a submenu, it works fine: My menu structure is: <nav ...
0
votes
2answers
40 views

Stop Plugin from Getting Styles from Other Plugin

My WordPress plugin uses Chosen Select and is supposed to use the css file at my-plugin/assets/resources/chosen.min.css. Unfortunately, when another plugin also uses Chosen Select, my plugin has a ...
0
votes
0answers
16 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 ...
0
votes
0answers
40 views

Dropdown menu on custom theme not working

I am trying to create a dropdown menu for a theme I am developing but the sub menu items are showing up in the alongside the parent menu items. I have it saved as a submenu item here is what it ...
0
votes
1answer
34 views

Using two stylesheets for mobile compatibility

I'm building a theme from scratch and I want it to use a different stylesheet for screens below a certain width, for mobile compatibility. I used this method in header.php to call the appropriate ...
0
votes
1answer
29 views

Remove Archive | from Categories

Can Archive | be removed from the title of each category, either by CSS or core code change? At the moment it shows as "Archive | My Category Name", I just wish it to show as "My Category Name" I ...
0
votes
1answer
35 views

Hide title in Merlin Theme on posts and pages only

I'm trying to figure out how to hide a post and page titles while on the specific post or page, but NOT throughout the entire site. I've tried hiding the .entry-title class, but that hides titles ...
0
votes
1answer
87 views

WP Media Uploader modal conflicts with Bootstrap modal

I was creating a form in a Bootstrap Modal to allow users to create new posts from the frontend. Everything seemed alright until I wanted to upload a file to the media library or choose one already ...
0
votes
0answers
18 views

How do I redefine wm_navigation() or wp_logo() within a theme that uses hooks?

What I want to do: Move the title of my website from it's current location to be in the "menu" div so that it is to the left of the menu/page list. Demo page: http://aaronmoore.me/visartsassignments/ ...
0
votes
1answer
21 views

WP theme update causes child theme CSS problems

I have WP website with a child theme installed which I use for css editing. But, after the last update of the WP theme, I noticed little (but annoying) changes in the appearance of my site (for ...
0
votes
1answer
31 views

WordPress Register Style Called Incorrectly

Why am I getting this error? Notice: wp_register_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or ...
0
votes
1answer
68 views

How to add first and last CSS class for Woocommerce layered nav widgets

I need to add first and last ccs class for woocommerce_layered_nav widgets. // Add "first" and "last" CSS classes to woocommerce_layered_nav widgets function widget_layered_nav_first_last_classes( $...
0
votes
0answers
27 views

Different header images on loading vs refreshing

Why when loading my website in the browser I get one size picture in the header and if I refresh with f5 I get a different one(zoomed in) even if the window size stayed the same. Best seen when the ...