Customizing navigation, etc. colors in espied

Hello there,

Awesome! ??

I didn’t explain this clearly. I would like the tag collection pages to display the tag at the top. Like on this page it would say “Writing.”
https://mikkihalpin.com/project-tag/writing/
It would be nice if that happened automatically but I could make them as header images that appear below the site header….

That header text is already there, but it wasn’t visible because it was a dark text.

This CSS would make it mirror the menu text.

.tax-jetpack-portfolio-tag .page-title {
    color: #ffffff;
    text-transform: uppercase;
    font-family: montserrat;
    font-weight: 800;
    padding: 0px 0;
    font-size: 50px;
}

With regards to the YouTube video, what HTML have you added exactly? Have you acquired this from the web somewhere?

Many thanks in advance. ??

1. This worked but is there a way to center the text? I tried adding text-align but it didn’t work….

.tax-jetpack-portfolio-tag .page-title {
    color: #ffffff;
    text-transform: uppercase;
    font-family: montserrat;
	<strong>text-align: center;</strong>
    font-weight: 800;
    padding: 0px 0;
    font-size: 50px;

2. For the youtube video I didn’t do anything to the html, I just used the wordpress interface and chose “youtube.” I tried to center it using the menu alignment options but it doesn’t take. This is them html that shows up when I view it. It even says “aligncenter!”

<figure class=”wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio”><div class=”wp-block-embed__wrapper”>

</div></figure>

This happens on every youtube video this one too

For the vimeo one I think I did the same thing, just hit the menu option, here is the html that shows up on this one

<figure class=”wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-4-3 wp-has-aspect-ratio”><div class=”wp-block-embed__wrapper”>

</div></figure>

Hello there,

Ah, so <strong>text-align: center;</strong> wouldn’t work here…

You would need:

.tax-jetpack-portfolio-tag .page-header {
    max-width: 100%;
}

Hmm, so with the video, if you remove that HTML, and rely on the YouTube block alignment settings – does it move to the centre?

That isn’t html I added or changed, that is html that autopopulates when I insert the video. I can see it if click this. I I would never add code that wasn’t from you!! I think if I remove it, then the video won’t be there?

What I do is
Click to add youtube video block
paste in url
then it is all embedded, and I click the left alignment button
but it doesn’t center it.

hope that makes sense!

Hello!

That does make sense… I’ll be honest, this looks like a potential bug, but it may not be theme specific but instead block editor specific.

I’ve reported this bug where it’s been recorded.

This CSS:

/* Center YT vid  */

.jetpack-video-wrapper iframe {
    margin: 0 auto !important;
}

Can you tell me if this works please?

It worked!!!! You are a wonder ??

Is it possible to make this guy bigger?

We are in the home stretch but in addition to that last thing on the videos, above, these three things are popping up.

`Okaykind of think we are in the home stretch?

1. The title text on the tag pages(like “Writing”)is a little small and still not centered. Any ideas?

2. The title text on the project pages(like “School of Doodle” is also small, and confined to a pretty narrow field. Can that be fixed?

3. On the nav, there is some text being lost in the “Next” and “Previous” slide outs. (Is there a better name for those?)

Glad to see that’s worked. ??

Is it possible to make this guy bigger?

That size is being dictated by the iframe from Vimeo. Are you copying and pasting the iframe code:

<iframe src="https://player.vimeo.com/video/18570071?h=eee77cdf7c" width="640" height="480" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/18570071">A Hard Day's Night</a> from <a href="https://vimeo.com/user2108367">bob stein</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

It doesn’t look like CSS would be able to solve that.

1. The title text on the tag pages(like “Writing”)is a little small and still not centered. Any ideas?

The code provided previously should center that:

.tax-jetpack-portfolio-tag .page-header {
    max-width: 100%;
}

Also, the provided…: .tax-jetpack-portfolio-tag .page-title now gives you the ability the increase that size. The font size is currently set to 50px.

2. The title text on the project pages(like “School of Doodle” is also small, and confined to a pretty narrow field. Can that be fixed?

This code provided also gives you the ability to increase the size of that. ??

.entry-title {
    font-size: 48px;
}

You could also add:

.entry-header {
    width: 100%;
}

3. On the nav, there is some text being lost in the “Next” and “Previous” slide outs. (Is there a better name for those?)

I’m not seeing that at all – is this happening on any pages in particular?