Tagged: header, Masonry Gallery
Hi! I’ve come across two customizations that I have not been able to achieve no matter what I do and I was hoping someone here could help me.
1- I have extra white space on the header below the logo of my blog post and also in between the header and the content that makes the mobile view be extremely separated, I’ve been looking at ways I can erase some of that white space but I can’t achieve it, I can’t find the styling that is making the padding or margin :/ here is a post example: https://www.howjoyful.com/passive-income-lettering/
2- I set up a masonry gallery on my front page and I have two images that link outside of my blog, but I can’t find a way to make them _blank so they can open in a different window, is that possible? They are the ones at the top here: https://www.howjoyful.com/ I need the “shop” and “studio” to open on different windows.
Thank you so much!
Hey Joy,
For issue 1, Please try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) {
#top.single .title_container {
display: none !important;
}
#top.single .container_wrap_first .content.av-content-small {
padding: 0px !important;
}
}
For issue 2, Try adding this code to the end of your functions.php file in Appearance > Editor:
function custom_shop_studio_links(){
?>
<script>
(function($){
$(document).ready(function(){
$('a.post-9567,a.post-9565').click(function(){
window.open(this.href);
return false;
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shop_studio_links');
Best regards,
Mike
Thank you so much, Mike, that worked like a charm for both things!!
You are the best!
Hi,
I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon