[Michael]

Hello? As abive It isn’t working – if I create a new block quote it has the line down the side.

[Michael]

It isn’t working – if I create a new block quote it has the line down the side.

[Michael]

So for that do I need to convert each one to a block (many were done in the classic editor), and then select Gutenberg block type as quote? Or Is there a special way to choose the alchemist theme quote style?

[Michael]

I downloaded new version and replaced old version.
On single column the images do seem smaller (good) though a bit smaller again would be even better.
In 2 column view, however, the images are still huge.

I wish there was a way of uploading attachments on this forum so I could show what I mean.

[Michael]

I just looked at the change log and it appears that the latest version, incorporating this fix, is 1.2.5

In my Themes it shows Alchemist ProVersion: 1.2.4 but no warning has come up to say theme needs updating or anything?
Is that not notified through wordpress any more for Catch themes ?

I guess I have to download newest version from catchthemes site and update that way.

[Michael]

So just checking – @Skandha do I need to redo every quote on the site individually to fix this?

[Michael]

So I’d need to go and re-do every quote on the website?

[Michael]

All blockquotes should be as per the reception in brisbane page’ OTHER than:

1. SHOULD NOTE Not have a border down the left hand side of the blockquote (that’s some sort of carry over from the previous Adventurous Pro theme)
2. SHOULD have the blockquote ‘quote’ symbol as per the mutiny page that is on LHS and in black as per the existing “additional css” code.

/* blockquote quotation mark */
blockquote::before {
    left: 0% !important;
    color: #000000 !important;
    font-size: 40px !important;
    font-family: Arial !important;
		font-weight: bolder;	
}

[Michael]

any ETA for update? (days? weeks? months?)

[Michael]

This is the css I currently have in the ádditional css box.

/* Menu item Hover & Active Text Color */
.site-navigation li a:hover,
.site-navigation li a:focus,
.site-navigation .current_page_item > a,
.site-navigation .current_page_item > a {
    color: #ff8000;
}

@media screen and (min-width: 64em) {
	/* Menu Background Color */
	.site-primary-menu,
	.site-navigation ul ul,
	.site-navigation ul ul li,
	.search-container {
		background-color: #000;
	}
	/* Menu Text Color */
	.site-navigation a,
	.social-navigation a, 
	.menu-search-main-toggle {
	    color: #fff;
	}

	/* Sub-menu Border and Color */
	.site-navigation .menu-item-has-children > ul,
	.site-navigation .page_item_has_children > ul {
		border-top: 3px solid #ff8000;
	}
}

/* blockquote quotation mark */
blockquote::before {
    left: 0% !important;
    color: #000000 !important;
    font-size: 40px !important;
    font-family: Arial !important;
		font-weight: bolder;	
}

/* blockquote text */
blockquote {
    font-size: 20px;
    font-family: Georgia;
   	font-weight: normal; 
		color: #000000;
    text-align: left;
}

/* padding inside blockquote */
.wp-block-quote p {
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 25px;
}

/* blockquote background colour */
.wp-block-quote {
background-color: #ebf2f7;
}

/* blockquote border radius */
.wp-block-quote {
border-radius: 50px 20px;align-content	
}

[Michael]

It’s very confusing in fact:
Compare: https://www.gayundah.info/reception-in-brisbane/
With: https://www.gayundah.info/mutiny/

The first reflects all the CSS changes I have made, but still has the red line on the LHS of the quote.
The second doesn’t reflect ANY of the changes but has the quote as per the code you originally gave me for the “ symbol colour and position. The same is true of most pages on the site containing any block quotes.

[Michael]

That takes care of item 2: works perfectly thanks

What about item 1?
(the blockquote format)

[Michael]

Done 🙂 A positive review, and well deserved !

[Michael]

AH Ok thanks for that 🙂

[Michael]

@tikaram Thank you.

[Michael]

Thanks. Why would that margin info not just go into the existing blockquote code like this:

blockquote {
font-size: 20px;
font-family: Georgia;
color: #000000;
text-align: left;
margin-left: 25px;
}

would that work?

[Michael]

I also tried making it a 2 column layout (to see if that circumvented the error for now) and as you can see the image is still MUCH bigger than that show in in the theme demo.

[Michael]

Font

Let’s say I wanted to use a font not included in that list.
For the sake of an example let’s say Futura, how would I add that?

Indent

How can I indent the text in blockquote elements?
I’d like to align it to the left + (indent x pixels to the right) if that makes sense.

CSS changes in my theme ‘additional CSS’ for are (as per previous responses above) are:

blockquote::before {
left: 0%;
color: #000000;
font-size: 40px;
font-family: Arial;
}
blockquote {
font-size: 20px;
font-family: Georgia;
color: #000000;
text-align: left;
}

The first portion is for the quotation mark itself.
The 2nd is for the block text so I assume it’s here I’d need to add something?

[Michael]

and can I change the weight of the blockquote font (eg normal, bold, italic)

[Michael]

Great – thank you.
How do I ensure a font is available for use – i.e. how do I install one to the website?
(I have a cpanel account)

[Author]

Posts