CSS - Read For Learn

Output terms to post_class()

The easiest and most straight-forward way to do this would be: $tax_terms = get_the_terms( $post->ID, array(‘genre’) ); $tax_terms = wp_list_pluck($tax_terms,’slug’); post_class(implode(‘ ‘,$tax_terms)); You could also apply a filter to post_class that does essentially the same. function tax_classes_wpse_105386($classes) { global $post; $tax_terms = get_the_terms( $post->ID, array(‘genre’) ); $tax_terms = wp_list_pluck($tax_terms,’slug’); $classes = array_merge($classes,$tax_terms); return $classes; } … Read more

Is there a way to change the backround color of the native video player in wordpress?

Are you using the video embed shortcode? If so add this to your theme or even better, child-theme style.css file: .mejs-container, .mejs-embed, .mejs-embed body { background: #FFFFFF !important;}

WordPress Twenty Fourteen Theme Sidebar

The sidebar is created in two different places: The black strip is created from .site:before, check line 3910 of style.css #secondary actually displays the sidebar information, check line 3923 of style.css .featured-content, .site-content, .site-main .widecolumn provide left padding to the content area should you wish to dispose of that too.

How to enqueue a random css style?

This should work! function enqueue_random_style() { wp_enqueue_style( ‘style-name’, get_stylesheet_directory_uri() . ‘/inc/rcolor/’ . mt_rand(1, 9)); } add_action( ‘wp_enqueue_scripts’, ‘enqueue_random_style’ );

Inconsistent `body_class()` function

The comment from @milo prompted me to take a closer look, and I realised I was chasing a false positive. The About page and Contact page were actually displaying the correct behaviour; it was Home and Services that were wrong. It seems at some point those two pages did have custom page templates, which were … Read more

Why does my dissappear?

WordPress does remove style tags. While it allows HTML to some degree in post content, it’s not really meant for full range of it. It’s a content, not markup data. You could use tiny_mce_before_init filter to adjust extended_valid_elements for TinyMCE instance. See this answer on SO for some examples.

How To Load Different CSS Style, Based On Language When Using QtranslateX [closed]

You have lots of options to achieve this. First of all, the easy way: Qtranslate-X adds a language class to your body tag. So if you want to only have minor tweaks, you can use this in your style.css: .de #page { background:#000; } .en #page { background:#FFF; } If you need big changes (like, … Read more

How to decrease picture size

you will need to add this css to a child theme or install a custom css plugin .blackwell_top_image { height:400px; //change this to whatever height you want the image to be overflow:hidden; } It has to be done this way as the image width is set to 100% so setting a height on the image … Read more

Font embedding in wordpress

I never used Hebrew fonts in WordPress, so unless it’s a special case, it should be the usual @font-face stuff. Not sure what your problem might be as you didn’t post any code. The sizes may change based on how the font was designed. Some fonts are just a bit larger or smaller depending on … Read more

Different ways to load child theme css

There’s nothing wrong with css rules ending up in your inspector twice. In many cases you want the first version, loading both parent and child styles. After all, in that case your child style sheet only needs to have the styles you want different from the parent. The browser will correctly apply the child rule … Read more

+ More