Tagged: , ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • April 21, 2014 at 2:09 pm #253776
    mgerenser

    What do I have to do to remove the “You are here:” text from the breadcrumbs?

    Second part to this question: I’m thinking about removing the text “Home” and replacing it with a home icon. Any easy way to do that? Is there a way to reference the font awesome home icon so it scales nicely or should I just stick with a PNG?

    April 21, 2014 at 2:16 pm #253779
    Yigit

    Hey mgerenser!

    1- Please add following code to Quick CSS in Enfold theme options under Styling tab

    span.trail-before {
display: none!important;
}

    2- Please see – https://kriesi.at/support/topic/icons-in-menu/

    Cheers!
    Yigit

    April 21, 2014 at 4:16 pm #253897
    mgerenser

    Thanks Yigit for #1. Works great.

    I read through the link you gave me, but I’m not getting it. I want to replace “Home” in the breadcrumbs with a home icon, not in the menu.

    New question: I want to add a little content to the right side of the breadcrumbs area. Basically something that says “Questions? Call us today at 555.123.4567!” What’s the best way to do that?

    Thanks!!!

    April 22, 2014 at 2:34 pm #254333
    Yigit

    Hey!

    You can add following code to Quick CSS as well and adjust as needed

    .title_container .breadcrumb:after { content: 'call us now!'; }

    Regards,
    Yigit

    April 22, 2014 at 2:46 pm #254345
    mgerenser

    Yigit, thank you!

    So how do I align the “call us now” text to the right side of the breadcrumb area? Also, can I style this text differently than the breadcrumbs (for example, make it dark blue and bold)?

    April 22, 2014 at 6:53 pm #254532
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .title_container .breadcrumb:after { content: 'call us now!'; float: right; color: blue; }

    Best regards,
    Yigit

    April 25, 2014 at 8:23 pm #256352
    mgerenser

    Yigit, got a question about using :after in the breadcrumbs bar. My concern is that this won’t be searchable. Is there another way to implement this? Also, how can we safely make the phone number click-to-call on mobile devices? I want to add a tag to my “call to action” text.

    /* Adds phone number to breadcrumb bar */
    .title_container .breadcrumb:after { content: ‘Questions? Call us at+1.585.XXX.XXXX’; float: right; color: #d84c00; font-weight:bold;}

    April 26, 2014 at 7:33 am #256466
    aribann

    make the phone number 585-867-5309
    or use tel:

    April 26, 2014 at 7:36 am #256468
    Josue

    Hey!

    There is a way to actually insert content after the breadcrumb, refer to this topic:
    https://kriesi.at/support/topic/adsense-banner-after-breadcrumbs/#post-255313

    Cheers!
    Josue

    April 28, 2014 at 2:11 pm #257051
    mgerenser

    Josue, thanks. I used the code from the other thread and added it to my functions.php file in my child theme:

    function after_breadcrumb_func($breadcrumb){
	$output = $breadcrumb;
	$output .= "<div>Questions? Call us!</div>";
	return $output;
}
add_action('avia_breadcrumbs', 'after_breadcrumb_func');

    So now all I want to do is align this new text to the right side of the breadcrumbs bar (horizontally even with the breadcrumbs on the left). And I want to make it bold and orange. Thanks!

    April 29, 2014 at 2:24 am #257415
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    April 29, 2014 at 12:46 pm #257587
    mgerenser

    http://redcom.wpengine.com/products/commercial/slice/ (hosted on WPengine)

    You can see what I’m trying to do in the breadcrumbs bar. I want the breadcrumbs aligned left, and the phone number stuff aligned right. Phone number needs to be bold.

    April 29, 2014 at 6:51 pm #257791
    Josue

    Hey!

    Give that div a class of phone-info and add this to the Quick CSS;

    .phone-info{
position: absolute;
right: 0;
top: 35%;
}

    Cheers!
    Josue

    January 12, 2015 at 9:09 am #378185
    tff2011

    How Can I remove the Home link from the breadcrumbs?

    January 12, 2015 at 9:45 am #378191
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .trail-begin{ pointer-events: none; }

    Cheers! 
    Josue

    January 14, 2015 at 12:26 am #379210
    tff2011

    Hi Josue,

    Did not work…

    At breadcrumbs Home / xxx / xxx – I would like to remove the Home link from this trail on Breadcrumbs.

    January 14, 2015 at 2:07 am #379220
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    January 14, 2015 at 2:53 am #379233
    tff2011
    This reply has been marked as private.
    January 15, 2015 at 10:43 pm #380507
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .breadcrumb-trail > span:nth-child(2), .breadcrumb-trail > span:nth-child(3) {
  display: none;
}

    But it sounds like your only wanting to do this on your single posts correct? If so then do this instead.

    .single .breadcrumb-trail > span:nth-child(2), .single .breadcrumb-trail > span:nth-child(3) {
  display: none;
}

    Best regards,
    Elliott

    September 29, 2018 at 2:45 am #1015959
    CoreyNordwall

    Was this ever answered? Only in the breadcrumbs section… Change the ‘home’ text link to a home icon using the icons that are already linked in Enfold. (entypo-fontello). Greatly appreciated.

    September 29, 2018 at 5:14 am #1015971
    Mike

    Hi,
    To move the breadcrumbs to the left, Please try this code in the General Styling > Quick CSS field:

    .title_container .breadcrumb {
    left: 50px !important; 
    right: auto !important;
}

    Best regards,
    Mike

    September 29, 2018 at 6:01 pm #1016108
    CoreyNordwall

    Hi Mike, Not quite what I was asking. The breadcrumbs on every site look like this: HOME / LINK1 / LINK2. (an example is at the top of this page) I need the ‘HOME’ link to be a house icon. Using the Entypo-Fontello Font styling. Thank You.

    September 29, 2018 at 7:22 pm #1016141
    Victoria

    Hi CoreyNordwall,

    Please refer to a solution here

    change the word home on breadcrumbs to a home icon

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 30, 2018 at 1:11 am #1016195
    CoreyNordwall

    That’ll do it. Thank you very much.

    September 30, 2018 at 8:39 am #1016218
    Dude

    Hi,

    Great, glad we could help you :)

    Best regards,
    Peter

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.