New answers tagged css
0
I've since found a better solution, which uses negative margins to “stretch” the elements in question. The Codepen at https://codepen.io/permanenttourist/pen/LYVZOpN?editors=1100 is updated with the improved solution.
0
In this case, I will create a shortcode which you can put on any page you want. Paste the following code to the functions.php file
add_shortcode('review-list', 'show_review_list');
function show_review_list($attr){
$args = array(
'post_type' => 'review',
'orderby' => 'date',
'order' => 'DESC',
'posts_per_page' =&...
0
I edited the section that writes the information od the post:
if ( is_category( 'mycategory' ) )
{
the_title( '' );
}
else
{
the_title( '', '' );
}
?>
', '' ); ?>
if ( is_category( 'mycategory' ) )
{
//nothing
...
0
I found a fix for the issue. On a separate forum, someone said it sounds like the script which is supposed to fire when you click the icon is falling over. That indeed is what it was. A plugin called SG Optimizer added code into my .htaccess file deferring render-blocking JS so I deactivated that feature and the issue was gone.
I also figured out what to ...
0
Including only Bootstrap Grid System
If you are not familiar with SaSS, just use their custom tool to generate your CSS file.
Customize Bootstrap's components
You will be able to enqueue it after (see below).
Take a new version of jQuery with wp_enqueue_script()
Documentation : https://developer.wordpress.org/reference/functions/wp_register_script/
...
0
You can try :
body.category-uncategorized .entry-header {
display:none;
}
"uncategorized" Should be your category slug. This is for the post category only. If you have a custom registered category then you can check the element. There you should get your category name.
This is what for WooCommerce category:
So you should use like this for ...
0
You can try this below CSS. I think, It will work.
.tax-country #page.grid-parent {
padding-left: 0px;
padding-right: 0px
}
0
In the meanwhile I posted this question also on Stackoverflow. I got a hint in a comment to the question which led me to a solution. I didn't find a pure CSS solution, but used the following jQuery script to add according classes dynamically:
$(document).ready(function() {
if($('body').hasClass('post-type-page')) {
$('#editor').addClass('post-...
0
You are using RevoltionSlider as far as I can see. I think you need to move the layers in the timeline of the RevolutionSlider accordingly.
Brutally hacking this with the steelbar is the wrong way I think.
Find the source of the images (html/revslider & css) and compare the z-index of these elements but I think this can be solved within the ...
0
1) The messed up layout
It looks like you're missing one closing </div> in your markup. Adding it on a line between <?php endif; ?> and <?php get_sidebar(); ?> should do the trick.
As a side note, you have h3 nested inside a h4 which is invalid markup.
2) Adding styling to your site
In WordPress the proper way of adding styles is to ...
-1
You just make a big mistake.
use this guideline.
header.php
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
You also made a mistake calling js file. Frist needs jQuery then popper.js then ...
0
try this
jQuery('select_box_class').prepend('<br>');
thanks
0
The class-walker-comment.php file is where you will find a span tag with the style '.says'. So as the original poster mentioned, adding .says{display: none;} to your themes css file will remove the word 'says:'. It worked for me in WP 5.3.2.
0
PNGs are not made for filesize optimization. You are trying to shrink an image, which has nothing to shrink left - resulting in fractals, where image information has been compressed away/out.
Also consider that PNGs contain an alpha channel (for opacity) which you are not making use of in this case.
First thing I would try to do is to convert/rebuild/edit ...
0
This may not solve the problem necessary because there may be other rules in your theme that have higher specificity and will overrule your selectors but
You need to combine the selector together, like so:
.postid-6238.inside-article {
background-color: #393939;
}
That selector will choose for all elements that have BOTH the classes .postid-6238 and ....
0
Your theme might already have an animation feature, you can just add the class.
You can add a plugin like so..https://wordpress.org/plugins/animate-it/ and add the class to the featured image property for it to work.
If you use a builder (like Elementor) you can easily create your layouts and add animations to each element.
0
Yes, you can keep nesting shortcodes. Just keep using the do_shortcode() until the deepest level is reached. https://codex.wordpress.org/Shortcode_API#Nested_Shortcodes
So you can do this,
[container]
[other_column class="extra-class"]
[content]
col 1
[/content]
[another]
col 1-2
[/another]
[/other_column]
[column]
[...
1
Not the most elegant solution, but you can use something like this
add_action('wp_footer', function() {
$post = get_post();
if ($post && $post->ID == ... do your post selection here) {
?>
<style>
body {
background-color: #fff !important;
}
</style>
<?php
}
}...
1
The CSS is generated on the file inc/custom-css.php, the background color is set on line 76:
$background = sanitize_hex_color_no_hash( get_theme_mod( 'background_color' ) );
So you can take advantage of the theme_mod_{$name} filter, which changes the value of the get_theme_mod($name) function, by adding this to your functions.php file:
add_filter(
'...
0
Ok, so a couple of things:
The code that you have there should work fine, unless as WebElaine suggested it's not actually there, or it's being overridden somewhere else in your styles.
I would strongly advise against the approach that you are taking to achieve the desired result.
The col-md-5 class is a core bootstrap class and serves a specific purpose. ...
Top 50 recent answers are included
