Issue With Flexsqueeze and Breadcrumb Navigation

by AnniePot

Posted: 14 years ago 10 replies

WEB DESIGN

A friend of mine has installed Flexsqueeze 1.5 on her Wordpress blog (version 3.3). She has also installed the Breadcrumb NavXT plugin to add breadcrumb navigation showing the visitor's path to their current location.

By default with Flexsqueeze, this navigation shows up in a strip between the header and main body of the blog.

She has asked me to help because no matter how she tweaks the Flexsqueeze settings, the site border breaks on either side of the Breadcrumb navigation strip.

I've spent hours today tweaking all the margin settings/combinations/options in her Flexsqueeze setup, but nothing works.

Can anyone here help?

#breadcrumb #flexsqueeze #issue #navigation

RobKonrad 14 years ago

Blog address please?

Cheers,
Rob
- Thanks
- 1 reply
Signature

================================================== ===
This blog is awesome: http://www.robkonrad.com/blog. Read it.
================================================== ===
{{ DiscussionBoard.errors[5251793].message }}
- AnniePot 14 years ago
  
  The blog is in maintenance mode, so it cannot actually be seen. I could ask my friend if I could make it viewable for a short time, but her plan is to keep it unviewable until it's correct.
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[5254392].message }}
  
  AnniePot 14 years ago
  
  I've tried to set up a border for the plugin in the stylesheet, but Flexsqueeze provides a designated area to set up any custom CSS code and there isn't a 'selector' in the listed theme CSS selectors to use. :confused:
  
  Thanks
  
  {{ DiscussionBoard.errors[5255119].message }}
Istvan Horvath 14 years ago

try adding left/right borders to the .breadcrumb class (the same way as the content div has)

It worked for me in Chrome when using "inspect element"
- Thanks
- 1 reply
Signature
{{ DiscussionBoard.errors[5255520].message }}
- AnniePot 14 years ago
  
  Thanks Istvan, I'll try that.
  
  Thanks
  
  {{ DiscussionBoard.errors[5255536].message }}
Istvan Horvath 14 years ago

On a second test: add ONLY left and right borders (for me it looks better)
2px solid black

AND

a right-margin: -4px;
(yes, minus)
- [ 1 ] Thanks
- 1 reply
Signature
{{ DiscussionBoard.errors[5255676].message }}
- AnniePot 14 years ago
  
  Originally Posted by Istvan Horvath
  
  On a second test: add ONLY left and right borders (for me it looks better)
  2px solid black
  
  AND
  
  a right-margin: -4px;
  (yes, minus)
  
  Just returned to find your update..
  
  I've added the following to the style sheet and the right margin is off:
  
  .breadcrumbs {clear:both;background-color: #F0EBE3;color: #000000;font-size: 15px;padding: 20px 30px 10px 15px;font-weight: normal;
  border-top: 0px;
  border-right: solid 2px #000000;
  border-bottom: 0px;
  border-left: solid 2px #000000;
  }
  
  I'll now go back and follow your latest directions...
  
  Again, thanks
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[5255738].message }}
  
  AnniePot 14 years ago
  
  My css changes are now:
  
  .breadcrumbs {clear:both;background-color: #F0EBE3;color: #000000;font-size: 15px;padding: 20px 30px 10px 15px;font-weight: normal;
  border-top: 0px;
  border-right: solid 2px #000000;
  border-bottom: 0px;
  border-left: solid 2px #000000;
  }
  .breadcrumbs a right-margin: -4px;
  }
  
  But the right margin still isn't in line.. So close.
  
  Anne
  
  Thanks
  
  {{ DiscussionBoard.errors[5255769].message }}

Istvan Horvath

14 years ago

.breadcrumbs {clear:both;background-color: #F0EBE3;color: #000000;font-size: 15px;padding: 20px 30px 10px 15px;font-weight: normal;
border-right: solid 2px #000000;
border-left: solid 2px #000000;
margin-right: -4px;
}