link not working: possible blockquote issue

I think this happens because position: absolute is used in the code for you blockquote.

In your file custom.css you have this rule declared:

.entry blockquote:before {
  color: #FFFFFF;
  padding-left: 20em;
  padding-top: 10em;
}

If you add this, I think it will clear that up.

.entry blockquote:before {
  color: #FFFFFF;
  padding-left: 20em;
  padding-top: 10em;
  z-index: -1;
}

Hope it works.

Sorry, I made a bit of an error in the post so have edited it.

Thanks very much – it does work! Although I’m not sure I fully understand.

And that rule relates to the theme’s opening quote that I didn’t want to use (I used my own) but I couldn’t get rid of it so just made it white and positioned it over white background…

Would you know how I could just remove it?

Thanks again.

That rule will apply to any blockquote element inside another element with a class of .entry. So whilst it might relate to some code in the theme, it won’t necessarily be exclusive to that blockquote.

I am afraid I can’t see any other blockquote in your page other than the one with the content, “We both really respect your passion, dedication…”

I would be a little wary about using that code myself pretty much on the basis of it using position: absolute but that’s just me.

If the blockquote is a theme specific thing, then maybe the theme designer can offer some help?

If you can explain again what you mean, I’ll take a look but can’t guarantee I con solve it.

Thanks.
That is the only quote on the page.

I don’t know how else to explain it.
This rule

.entry blockquote:before {
  color: #FFFFFF;
  padding-left: 20em;
  padding-top: 10em;
}

seems to only relate to the theme’s quote image, whereas I’ve inserted my own image within blockquote tags.

You’re right I should probably bring it up with the theme designers. It does all seem to work though – and on different browsers…

You say that you have inserted your own image withing blockquote tags but I can’t see them using view>>source. I can only see one blockquote element on the page.

You also said that you had added a quote and used white over a white text over a white background to hide it. I can’t see where that is in the source either.

Another way to hide stuff is to declare display: none in your CSS but for me that’s not a perfect solution.

The code used to insert that quote is a bit tricky for me. It uses :before to insert content and it uses position: absolute. The other thing that is happening is that the images you use to insert the quotation marks have become links which when clicked, take the visitor to the image itself. Not a good experience.

I am guessing now that the original quotation mark images were inserted by the theme’s code and you have hard coded your images in yourself? I don’t quite understand how or why you made them links. I wonder if a better way to add them is to work out how the theme does it and replace that code but that would be beyond me.

I’m no expert but I am really good at Code Staring which I have practiced over many hours! Sometimes I can will raw code into submission (but not that often).

Martin

The images are links because wordpress makes all images links in that way – when you do ‘insert media’ – I agree, it doesn’t look good.

As for the hidden blockquote – all I am able to explain is that if I change the rule (.entry blockquote: before) and give it a colour then a pre-formatted quote mark appears on the page.