css

Problem with adding custom CSS class to image in ACF Photo Gallery plugin [closed]

Try this code at the place where you want your gallery: <?php $images = acf_photo_gallery(‘gallery_images’, $post->ID); /// gallery_images to slug pola galeria w ACF if( count($images) ): foreach($images as $image): $full_image_url= $image[‘full_image_url’]; $class = get_field(‘gallery_images_class’, $id); echo ‘<img src=”‘.$image[‘full_image_url’].'” class=”‘.$class.'” >’; endforeach; endif; ?> Do try to check if ‘$id’ gives you the image/post id … Read more

Default Nav Highlight

Assuming you are loading a single piece of content like one Post (unlike the homepage where you’re combining multiple Pages with JS), something like this should do it: <script type=”text/javascript”> $(document).ready(function(){ // get each menu item var hasHighlight = 0; // loop through to see if any have “current_page_item” class $(“#nav ul li”).each(function(obj) { if($(this).hasClass(“current_page_item”)) … Read more

Show product information on right side [closed]

You have to chave line number 12557 in your style.css. Go to your style.css file and search for the code bellow and delete it. .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 50% !important; } Is your theme really responsive? I think your theme have a big … Read more

Namespacing theme CSS

Whatever works for you. But a good practice is to start using a methodology like BEM. http://getbem.com/ If you master BEM you’ll find great pleasure in editing css files.

Wrong image path within inline styles in the head

If they are inline, your image paths should be /wp-content/themes/theme_name/ and then whatever the directory is in. Since you are already loading them via file_get_contents(), why not do a search & replace and use the full URL for them? With proper caching, this shouldn’t make any impact on the load time itself. The usual way … Read more

All of my custom Bootstrap styles are not working in my child theme!

In your child theme’s function.php file, find the enqueue function and add it there instead of using @import in your CSS. For example: function my_scripts_and_styles() { wp_enqueue_style( ‘main-style’, get_stylesheet_uri() ); wp_enqueue_style( ‘bootstrap-style’, get_template_directory_uri() . ‘/css/bootstrap.min.css’, array( ‘main-style’, ”, true ); if ( is_singular() && comments_open() && get_option( ‘thread_comments’ ) ) { wp_enqueue_script( ‘comment-reply’ ); } … Read more

Header Sidebar Won’t Move Lower – Want to Align with Header Logo [closed]

This is more of a css question, but here’s what i found looking at your site: This selector will control it: .site-header .widget { margin: 40px 0 0 0; } this is the code that has padding: <aside id=”dokna_product_search-2″ class=”widget widget_dokna_product_search”> Or if that doesn’t work try making it more specific: That box (col-md-8.col-sm-7.clearfix) has … Read more

+ More