John Davidson

php - cannot find min-height in wordpress css style sheet, how can i override it


Im having problems finding min-height in my css style sheet.
In chrome developer, in is that option, that when i uncheck it, the feature image goes in auto resize, and when min-height is checked, the feature image, it goes zoomed.
Can someone help me where to find it or how can i override, or how to find the class of min.height and override it.

Template code

<div class="project-detail-splitted">
<?php if (!empty($prague_post_options['active_title'])): ?>
<section class="container-fluid top-banner no-padd simple fullheight light">
<span class="overlay"></span>
<?php the_post_thumbnail( 'full', array('class'=>'s-img-switch') ); ?>
<div class="content">
<?php if (!empty($prague_post_options['subtitle'])): ?>
<div class="subtitle">
<?php echo esc_html( $prague_post_options['subtitle'] ); ?>
<?php endif ?>
<?php the_title( '<h1 class="title">', '</h1>' ); ?>
<?php endif; ?>

My Answer:
If you are unable to find the min-height property in your CSS stylesheet, it is possible that it is being applied inline or through JavaScript.

To override the min-height property, you can add a new CSS rule with a higher specificity or use the !important declaration.

For example, you can add the following CSS rule to your stylesheet:

.feature-image {
min-height: auto !important;

Replace `.feature-image` with the actual class or ID of the element you want to target.

If you are still unable to find the class or ID of the element, you can use the Chrome Developer Tools to inspect the element and see its CSS properties. This will help you identify the class or ID that you need to target in your CSS.

If you are still having trouble, you may need to provide more information or code for further assistance.

Rate this post

3 of 5 based on 9061 votes


© 2024 - Personal Blogs Platform. All Rights Reserved.
Create blog  |  Privacy Policy  |  Terms & Conditions  |  Contact Us