Block Quotes

here is kind of a hacky way to to it. wouldn’t be my first choice, but it should work.

add this to your custom css or your child theme’s ‘style.css’ file

blockquote:before {
    line-height: 0;
    position: relative;
    top: 50px;
    left: -50px;
}

Thank you close but no cigar ??

As this is for a client website I’d prefer it if I could do it properly but hacks are welcome if that is what it takes ??

Any adjustments/other solutions welcome.

Thank you for taking the time. Fiona

did the css not work at all, or is it not what you wanted?

Apologies it did change it to better. If you look at the page now you can see:

https://www.thrivewithbim.co.uk/home-2

I tried to jiggle the numbers (below) but it just sends the quote mark over the top of the quote
top: 50px;
left: -50px;

It works perfectly if you want a sidebar without needing any css but the template does come with the full width option so…that is what i’d like on the front page…

change the z-index to push it behind the words. you may have to change the color as well so it doesnt interfere with them either. try this.

blockquote:before {
    line-height: 0;
    position: relative;
    top: 50px;
    left: -35px;
    z-index: -1;
    color: #FFBC67;
}

Whoa no, that nearly corrupted the whole site. Set it to red and retrace! Thank goodness for the back button.

Any safe methods?

are you joking? lol. you cannot ‘corrupt’ a site with css

No! I am not!

It produced a big red x next to it and on save asked me if I really was sure I wanted to do that. I have seen that notice before and made the mistake.

Perhaps a non tacky answer? It is a lovely theme otherwise though there is another bug in that if you put a caption (as I’d like) under the picture and align to the left (as it is currently) then it moves all the words down to under the picture. No way of having the picture (and caption) just aligned to the left within the text.

ha. *hacky, not tacky…

The second bit of CSS i provide is 100% fine and will give you a desired effect, I’m sure of it. I write complicated code every single day, 10 hours a day.

I refer to “hacky” code as code that relies on css to manipulate structure when it is the structure itself that should be redefined/restructured. with that said the css i provided is perfectly fine to use and will not in any way shape or form “corrupt” your site…at all…ever.

How are you entering your custom CSS?

Oh I am not very knowledgeable!

Perhaps because I copied and pasted into Site Origin WP plugin?

I am not suggesting you or your css is hacky. To be honest I am someone who fell into helping an organisation with their websites and can do fairly okay standard sites but I do rely on the templates being okay or changing them in a fairly (probably) plugin ‘hacky’ way or finding help on forums. And the help is always appreciated ??

Stope press!!

It worked. I was deleting the first set of code you gave me BUT if you pasted both pieces of code it works!

You are a little superstar. I am sorry I made the whole process complicated. I didn’t realise to keep the first bit of code ??

(If you just put the second bit in I got the angry red x again)

Thank you ??

you shouldn’t have to keep the first bit of code… the second one i gave you will only overwrite the first bit. but either way I’m glad you got it sorted.

You can of course change the ‘top’ and ‘left’ values to your liking, as well as the color of the quotes.

Appreciated. Have good eve ??

Don’t know if you are around?!

Client doesn’t want quote marks at all. Any advice on removing them?

Kind regards, Fiona