0
Welcome Guest! Login
0 items Join Now

Strange image showing up for breadcrumb separator.

    • kVadrum's Avatar
    • kVadrum
    • Newbie
    • Posts: 10
    • Thanks: 0

    Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • Using Synapse.

      The breadcrumb breaks are rendering a strange gray circle in addition or top of the orange arrow (images/M_images/arrow.png).

      This image is hidden for guests.
      Please log in or register to see it.


      Anyone know how I can remove the gray circles?

      Many thanks.

      :kV
    • :kV
    • kVadrum's Avatar
    • kVadrum
    • Newbie
    • Posts: 10
    • Thanks: 0

    Re: Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • I'm sorry I don't understand.

      Image icon in which menu?

      I didn't see it in the template config menu, or in the breadcrumb module.

      It's the image separating the breadcrumbs, not menu items - I may not have made that clear.

      Thanks for your response, and appreciate if you could clarify.

      :kV
    • :kV
  • Re: Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • kVadrum's Avatar
    • kVadrum
    • Newbie
    • Posts: 10
    • Thanks: 0

    Re: Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • Synapse.

      This appears to be the relevant code:
      <div id="pathway">
                                                        <span class="breadcrumbs pathway">
      <a href="http://unionwv.net/" class="pathway">Home</a> <img src="/images/M_images/arrow.png" alt=""> <a href="/merchants/" class="pathway">Merchants</a> <img src="/images/M_images/arrow.png" alt=""> Restaurants / Cafes</span>

      Here the page that was taken from:


      Many thanks!\

      :kV
    • Last Edit: 8 years 5 months ago by Kat05.
    • :kV
    • kVadrum's Avatar
    • kVadrum
    • Newbie
    • Posts: 10
    • Thanks: 0

    Re: Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • Anyone?

      Thanks!

      :kV
    • :kV
    • LiEs's Avatar
    • LiEs
    • Sr. Rocketeer
    • Posts: 238
    • Thanks: 0

    Re: Strange image showing up for breadcrumb separator.

    Posted 15 years 3 months ago
    • Well I don't know if there is a option on synpse backup settings, or in the pathway module, but you can modify the CSS to comment out the images from pathway:

      (to edit the CSS go the back-end: extensions>template manager>yourtheme>edit css>click on the css file that I point out below.)
      Get rid of the gray dot


      OPEN style7.css
      FIND (Note: Searching the whole code might not work, so search for a piece ex. "span.pathway img") :
      span.pathway img {
      background:transparent url(../images/style7/typo/bullet-3.png) no-repeat scroll 0 50%;
      }

      REPLACE WITH:
      /*span.pathway img {
      background:transparent url(../images/style7/typo/bullet-3.png) no-repeat scroll 0 50%;*/
      }*/

      This is to comment out the orange object. This is actually a arrow, but it squished and looks weird. If you want to keep the arrow just give it a bigger width so you can actually see the arrow.

      OPEN template.css
      FIND:
       
      span.pathway img {
      float:none;
      height:20px;
      padding-right:15px;
      vertical-align:top;
      width:5px;
      }

      REPLACE WITH
       
      /*span.pathway img {
      float:none;
      height:20px;
      padding-right:15px;
      vertical-align:top;
      width:5px;
      }*/

Time to create page: 0.043 seconds