How can I edit the breadcrumb text layout in Woopress?

This topic has 8 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

  • Avatar: karlsebastion
    karlsebastion
    Participant
    July 21, 2015 at 22:19

    My Product pages are nearly done but the breadcrumb text is displayed badly.

    I need the page title to be above the breadcrumb thread – and currently it is displaying above the title.

    7 Answers
    Avatar: ky
    kybalio
    Participant
    July 22, 2015 at 00:27

    I would also like to see be able to have this.

    Currently, even tho I have enabled default left for the breadcrumb, it is in the center, strange..

    Thanks Ky

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 22, 2015 at 07:34

    Hello @karlsebastion,

    You need edit the file wp-content/themes/woopress/framework/theme-functions.php, find the section “! Page heading” and switch the lines <?php etheme_breadcrumbs(); ?> and <h1 class="title"><span><?php echo et_get_the_title(); ?></span></h1> in lines 772, 773.

    Best regards,
    Jack Richardson.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 22, 2015 at 07:36

    Hello @kybalio,

    I’ve edited the file wp-content/themes/woopress/framework/theme-functions.php, switched the lines <?php etheme_breadcrumbs(); ?> and <h1 class="title"><span><?php echo et_get_the_title(); ?></span></h1> in lines 772, 773.
    Please check your breadcrumbs now.

    Best regards,
    Jack Richardson.

    Avatar: ky
    kybalio
    Participant
    July 22, 2015 at 10:24

    Thanks so much Jack, that’s better 🙂 , however, it is still aligned to CENTER even though the header is selected as ‘default – left aligned’ in the Breadcrumbs Style. This was working ok a few days ago, now the option has no effect on the BREADCRUMB position but just moves the HEADING TITLE to the left position .

    Thanks

    Ky

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 22, 2015 at 11:30

    Hello @kybalio,

    I’ve added this code in Theme Options > Custom CSS:

    .page-heading .breadcrumbs {
      float: left
    }

    Please check breadcrumbs now.

    Best regards,
    Jack Richardson.

    Avatar: ky
    kybalio
    Participant
    July 22, 2015 at 14:22

    thanks Jack, that is great now 🙂

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 22, 2015 at 14:32

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.