Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 29, 2016 at 7:42 pm #624726
    dponzo

    Hi,
    I’d like to make the Header Title and Breadcrumbs smaller in height, I could I do it?

    cheers
    David

    April 29, 2016 at 7:47 pm #624730
    Basilis

    Hey dponzo,

    Yes that is possible.
    Please provide us a link to your web site, so we can provide the proper code to do it.

    Best regards,
    Basilis

    April 29, 2016 at 8:24 pm #624754
    dponzo

    many thanks

    April 30, 2016 at 11:28 am #624921
    dponzo

    I would also like to make the homepage banner shorter in height

    Many thanks
    David

    May 1, 2016 at 9:19 am #625275
    dponzo

    Hi Basil,

    Hope you’re ok, sorry I believe the site was with the maintenance mode on.

    This is what I would like to do:

    – resize the Breadcrumbs (or reduce the padding) and the hero banner in height. On mobile the Breadcrumbs goes on two lines and the vertical middle align switch to top. Is it possible to keep it middle?
    – On the product page (link attached) I have a check box which I would like left aligned with only 10px padding from the text.

    Many thanks
    David

    May 2, 2016 at 5:11 am #625435
    Vinay

    Hi!

    To reduce breadcrumbs height please use the below code in functions.php

    function breadcrumb_height(){
?>
<script>
  jQuery( document ).ready(function() {
    
jQuery( ".breadcrumbs" ).closest( ".container" ).css({
   'min-height' : '10px',
   'padding' : '0px'
});

});
</script>

<?php
}
add_action('wp_footer', 'breadcrumb_height');

    To align the breadcrumbs vertically in mobile add this in Quick CSS

    @media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
     top: 0px!important; 
}}

    To move the checkbox to the left please use the below code in Enfold > General Styling > Quick CSS

    .single-product .cart input {
    width: auto!important;
    margin-right: 10px!important;
}

    In the slider options please check for any paddings or min-height values if you still need any help setting it’s height we need to take a closer look at the banner setup please share admin details to login to backend in private content.

    Best regards,
    Vinay

    May 2, 2016 at 9:02 am #625546
    dponzo

    Hi Vinay,

    brilliant!!! Many thanks!! Admin details below,

    Cheers
    David

    May 2, 2016 at 11:18 am #625640
    dponzo

    Hi Vinay,

    I just noticed that after applied your code the + and – button of the quantity product got messed up. Could you please check it out?

    Many thanks
    David

    May 3, 2016 at 11:41 am #626346
    Vinay

    Hi,

    Sorry about that. please replace the below css

    .single-product .cart input {
    width: auto!important;
    margin-right: 10px!important;
}

    with 

    .wcuf_disclaimer_label .wcuf_disclaimer_checkbox{
    width: auto !important;
    margin-right: 10px!important;
}

    Best regards,
    Vinnie

    May 3, 2016 at 11:55 am #626349
    dponzo

    Great, many thanks!
    I believe I only need one more thing from you.. I’d like to center align the ‘Select Option’ Button at the bottom of the product.

    Cheers
    David

    May 3, 2016 at 6:44 pm #626668
    Vinay

    Hey!

    We would be glad to help you with this customization, but it is not clear what you are trying to achieve. As per my best understanding you like the select option which allow user to select number of products to be centered right? It looks better if it is on the right side and I also added a extra bit of code to correct the view button to be centered if you like it please feel free to use it. 

    
/*move select option to right*/
.sort-param.sort-param-count {
	float:right;
}

/* center view button*/
.button.addtocartbutton {
	float:none!important;
}

    If you still like to center it

    /*move select option to center */
.sort-param.sort-param-count {
	left:50%;
	transform:translateX(-100%);
}

    It will make the button look like the below screenshot.

    If this is not what you want would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Regards,
    Vinay

    • This reply was modified 8 years, 6 months ago by Vinay.
    May 3, 2016 at 7:20 pm #626702
    dponzo

    Hi Vinay,

    I just wanted the View butto to be centred but full width will work just as fine :)

    many thanks for your help.

    Cheers
    David

    May 4, 2016 at 9:45 am #627006
    Vinay

    Hey!

    Glad you like the changes :) Please feel free to get in touch with us if you have more questions.

    Thank you for using Enfold.

    Cheers!
    Vinay

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Header Title and Breadcrumbs height’ is closed to new replies.