Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 5, 2017 at 8:14 pm #756016
    goldengate415

    Hi!

    I would like to have the breadcrumbs bar / title bar be not as tall / high, so based on searching the forum I entered the following quick css which does make the title bar the size I want:

    .title_container .main-title a {
    font-size: 10px !important;
    }
    #main .title_container {
    height: 29px !important;
    }

    However, when I do this, the title text is partially outside the bar, as you can see in my staging site (in private content). Is there more quick css I need to enter so that the text always fits inside the bar perfectly? I plan to use a slightly larger font than 10px.

    Thanks!!!!

    March 9, 2017 at 7:39 am #758192
    goldengate415

    Hi…. bumping this thread as it’s been almost 4 days now?

    Thanks!!

    PS Staging site has been updated to a new version without the custom css above but hoping there is css code to center the text within the new narrower bar……

    March 9, 2017 at 1:16 pm #758332
    Yigit

    Hi Rob,

    Sorry for the late reply!
    Could you please post a screenshot and show the changes you would like to make? :)

    Best regards,
    Yigit

    March 9, 2017 at 4:49 pm #758442
    goldengate415

    Hey Yigit!

    No worries! I know you guys are busy. I’m loving the new preview mode in the latest Enfold version by the way.

    I updated the css on my staging site so you can see the problem on the new narrower breadcrumbs bar…. Posting link and admin credentials in private content section. I think you’ll see the problem as soon as you go to the link but if not please let me know and I’ll post a screenshot right away.

    I’m not sure if this modification in functions.php is related but thought I’d paste it here in case it is:
    /**** Enfold Support Added code below to add blog title to breadcrumbs bar ***/

    add_filter(‘avf_title_args’, ‘fix_single_post_title’, 10, 2);
    function fix_single_post_title($args,$id)
    {
    if ( $args[‘title’] == ‘Blog – Latest News’ )
    {
    $args[‘title’] = get_the_title($id);
    $args[‘link’] = get_permalink($id);
    $args[‘heading’] = ‘h1’;
    }

    return $args;
    }

    Also, reviewing functions.php I have added a number of patches over the year+ from the help forum that I wonder if are still necessary as the theme has been updated, such as:

    (1)
    /********** Add Code from Enfold Support to Fix HTTP Error on Image Upload ****/
    add_filter( ‘wp_image_editors’, ‘change_graphic_lib’ );
    function change_graphic_lib($array) {return array( ‘WP_Image_Editor_GD’, ‘WP_Image_Editor_Imagick’ );}

    Do we still need the above line in functions.php to prevent the HTTP error on upload? Thanks (sorry, didn’t think that was worth a new thread)

    Best & Thanks,
    Rob

    March 9, 2017 at 4:52 pm #758444
    goldengate415

    PS I am having to update the production site now with new content so won’t be able to push the staging site back to production, so please keep track of any changes (I assume just css) so I can copy them into the new site manually.

    Thanks!!!!!!

    March 13, 2017 at 4:45 pm #760081
    goldengate415

    Hi…. checking in….. thanks!

    March 13, 2017 at 4:52 pm #760090
    Yigit

    Hey Rob!

    Sorry for the late reply! :(

    Please remove following code from your custom CSS 

    .title_container {
    margin-top: 30px;
}

    And add following one 

    
#top .title_container .container {
    min-height: 30px;
    height: 30px;
    padding-top: 0;
}

    Regards,
    Yigit

    • This reply was modified 7 years, 8 months ago by Yigit.
    March 13, 2017 at 5:02 pm #760095
    goldengate415

    Great, thanks, that’s definitely progress!

    Is there a way to center the text between the top and the bottom inside the bar? Keeping the text left justified, but right now it’s “hugging” the bottom of the bar? Sample link in private content so you can see what it looks like now.

    Thanks!

    March 13, 2017 at 5:04 pm #760097
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .title_container .main-title a {
    top: -5px;
    position: relative;
}

    Best regards,
    Yigit

    March 13, 2017 at 5:12 pm #760103
    goldengate415

    Wow, huge improvement, and it looks great on desktop, tablet and mobile! Thank you!!!

    BTW check out the new home page full screen slider welcome page with background video when you have a chance… I think it looks great. I finally learned Layer Slider after 2 years of putting it off! :)

    Thanks again for all your help!!!

    March 13, 2017 at 5:38 pm #760122
    Yigit

    Hey Rob!

    Glad it is working fine now :)

    And yes, slider looks way better now. Good job! :)

    Let us know if you have any other questions or issues!

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Make Breadcrumbs bar / Title bar narrower & center text’ is closed to new replies.