cafeserendipity21

https://www.ads-software.com/themes/quicksand/

Hi @cyrilruf,
add a plugin like Head and Footer Scripts Inserter,
Then inside the settings add to the footer-section where it says Scripts from this field will be printed after all footers script the folloing code:

<script>
    (function($){
  var navbarToggle = '.navbar-toggler';
  $('.dropdown, .dropup').each(function() {
    var dropdown = $(this),
      dropdownToggle = $('[data-toggle="dropdown"]', dropdown),
      dropdownHoverAll = dropdownToggle.data('dropdown-hover-all') || false;
    
    // Mouseover
    dropdown.hover(function(){
      var notMobileMenu = $(navbarToggle).size() > 0 && $(navbarToggle).css('display') === 'none';
      if ((dropdownHoverAll == true || (dropdownHoverAll == false && notMobileMenu))) { 
        dropdownToggle.trigger('click');
      }
    })
  });
})(jQuery);
</script>

It should work now on hover ??

Hi @heathernicolesoprano,
not really, because the whole thing is responsive, so the image-sizes adjust themselves with the width of the box. But if you take care, so that the images get less high, say like a rectangle, they won’t climb up to much. Also you can choose the masonry-style inside the customizer, so, everythings gets smaller in the index-view. See

??

Hi @valorietucker,
first use a chidl-theme like you always should do. Herefor use a plugin like this one Child Theme Configurator. After activating it, create this folder inside your child-theme: quicksand-child/template-parts/ and add this file inside: content.php. Now just add the following:

<!--template: content-->
<!-- post --> 
<article id="post-<?php the_ID(); ?>" <?php post_class("card"); ?>>   
    <!--post thumbnail-->
    <?php quicksand_entry_thumbnail(); ?> 

    <!--post title-->
    <?php quicksand_entry_title(); ?>

    <!--post-meta--> 
    <?php quicksand_entry_meta(); ?>

    <!--post-content--> 
    <?php 
    //if (!is_singular()) {
    //    quicksand_entry_excerpt();
    //} else { 
        quicksand_the_entry_content(); 
    //}
    ?> 
    
    <!--edit-link-->
    <?php quicksand_entry_tags(); ?> 
    
    <!--author-bio-->
    <?php quicksand_author_biography(); ?> 
    
    <!--edit-link-->
    <?php quicksand_edit_post(); ?> 

</article><!-- .post-->  

As you can see I’ve just commented out a view lines from the original.
That’s it ??

Not yet … sorry … maybe in the future. First I have to go to Bootstrap 4 beta.

??

Hi @wkk72,
have you enabled
define( 'WP_DEBUG', true );
in your wp-config.php , to get an expressive error-message?
Maybe it’s the same error like this one, which is fixed in the next release. If not, post the error-message, so we can get a hint, what’s wrong.

??

Hi @heathernicolesoprano,

to change the font-size of the title add something like this:

.site-info-wrapper .site-title {
    font-size: 2.0rem;  
} 

 .site-info-wrapper .site-description {
    font-size: 1.0rem;  
} 

The upper one is for the title, the lower one for the description. You can also fiddle around with the padding values.

.site-info-wrapper .site-title {
    font-size: 2.0rem; 
    padding: .3rem 3rem !important;
}
 .site-info-wrapper .site-description {
    font-size: 1.0rem;  
    padding: .3rem 3rem !important;
} 

To decrease the amount of space between the title and tag on mobile add margin-bottom to the styles you added before, i.e.:

@media screen and (max-width: 576px)  {
  .site-info-wrapper .site-title {
    font-size: 2.0rem; 
    margin-bottom: 0;
  } 
}

Maybe you’d have to change the font-size here as well. Same here, you can play around with the values, like 2px, 3px, .2rem …

Hope that helps ??

Hi @heathernicolesoprano,

to make this work, just add the following css-code to Appearance->customize->Additional CSS, like before. For sure you can play around with the values.

@media screen and (max-width: 576px)  {
  .site-info-wrapper .site-title {
    font-size: 1.5rem;
  } 
}

@media screen and (max-width: 768px)  { 
  .site-info-wrapper .site-description {
    display: inline-block !important;
    font-size: 1.00rem;
  }
}

The tagline deliberately disappears, when the screen is to small, but with display: inline-block !important; you can make it appear again.
You can also pack the styles into one breakpoint, like this:

@media screen and (max-width: 768px)  { 
  .site-info-wrapper .site-title {
    font-size: 1.5rem;
  } 
  .site-info-wrapper .site-description {
    display: inline-block !important;
    font-size: 1.00rem;
  }
}

Now it should work ??

Hi @henrymea,

currently Quicksand uses 4.0.0-alpha.5, the actual version is alpha.6, where already changes appeared. I won’t update until a stable BS 4 version will be released, because of unnecessary work. Maybe you use newer/renamed classes than the ones of alpha.5?

Hope that helps ??

• This reply was modified 7 years, 7 months ago by cafeserendipity21.

Hello @heathernicolesoprano,

as far as I can see, your header image is a little bit too thin. The recommendations are 1200×400, while yours is 1200×291. Anyways, if you upload your image again and crop it a little bit thicker, respectively accept the ratio WordPress suggests, everything should work fine.

I’ve also recognized, that the cancel-button of the search-bar has the wrong color. My fault ?? You can fix this easily, when you go to Appearance->customize-> Additional CSS and add

a.btn.btn-secondary.nav-search-submit {
	color: #ffffff;
}

In the next release it should be fixed.

I hope that helps ??

• This reply was modified 7 years, 7 months ago by cafeserendipity21.

Hi @thedani,

unfortunately I can’t reproduce the problem ??
But maybe I can offer you some solutions.

Have you activated the 2 widgets ‘Quicksand Categories’ and ‘Quicksand Archives’. If so, try to deactivate them.

If it doesn’t work, you can also go to Appearance->Editor, select the Quicksand-Theme and click on Theme functions (functions.php). There you will find

register_widget('QuicksandWidgetCategories');
 register_widget('QuicksandWidgetArchives');

Uncomment or delete these ones.

Last but not least another and maybe also the best solution. Therefor you would need your own editor. If so, open /home/mysite/wp-content/themes/quicksand/inc/widgets/class.QuicksandWidgetArchives.php and /home/mysite/wp-content/themes/quicksand/inc/widgets/class.QuicksandWidgetCategories.php and delete the last ?>

If you are able to conduct the last step, I would appreciate it to let me know, if it worked.

Hope that helps ??