Sophie - a11n

Hi @ecabral

Thanks for sharing those screenshots! It looks like you’re nearly there. In your second screenshot, we see the group block which is set to full width. In its Block Settings panel, there’s a toggle which is currently activated: “Inner blocks use content width”. Switch that off and you should find they take up the full area instead!

As it is, the reason why you’re finding that the Styles panel affects the whole site is because it’s setting the styles for the entire site/theme, and isn’t isolated to the template you’re working on at the time. For making changes to individual blocks in specific templates, I’d definitely recommend sticking to the Block Settings panel!

For reference, we have a guide to the Styles panel here:
https://www.ads-software.com/documentation/article/styles-overview/

A brief explanation of the “Inner blocks use content width” toggle: as you’ve seen, there are width settings for blocks that are set to center and wide alignment. In the Styles section you can change the layout width as you saw; there’s also the potential for other aspects such as padding and margin to be customized.

When the “Inner blocks use content width” toggle is active on a group block, it means that any blocks inside the group block will default to using the layout settings as defined in Styles. It’s convenient when you want to add content that is consistent with your style/branding!

I hope that helps, if you do have any other questions let us know.

Hi @seanconklin

Many thanks for the information you’ve sent over so far! This does indeed look like a bug with the Braintree extension; we’ve sent your report over to the developers for further investigation.

While I don’t have a timeline for when a fix would be implemented, I definitely suggest keeping an eye out on the plugin changelogs for further information:
https://www.ads-software.com/plugins/woocommerce-gateway-paypal-powered-by-braintree/#developers

Hi! The format is a custom setting, and the ‘day-month’ format is a stylistic choice for this theme. You can absolutely change it should you prefer to also show the year! You can do this by going into the Site Editor of your site.

When you are editing the front page template of your site, click on the Post Date of the first post in the list, in order to select the Post Date block.

You can then change the format of how the date is displayed.

Here are some guides which may be useful for you:

• https://www.ads-software.com/documentation/article/post-date-block/
• https://www.ads-software.com/documentation/article/site-editor/
• https://www.ads-software.com/documentation/article/template-editor/

If you have any other questions, please do let us know.

Hi! What you mention sounds a little bit like this question:
https://www.ads-software.com/support/topic/adding-widgets-to-header-3/

In that thread, there’s some information about adding widgets into the header, namely that you may need to consider creating a child theme where you can set up an additional widget area in the header, so you can add the search widget there instead of the sidebar.

This is the direct link to the information (the widgets are in the second part of the reply):
https://www.ads-software.com/support/topic/adding-widgets-to-header-3/#post-9374964

It’s an accent color which is applied in quite a few places, so you’ll need to add CSS to quite a few items to change it!

Feel free to try this; I think it should be all of the items affected by that accent color:

is-singular .post-navigation .nav-links::after, pre::before, .menu-toggle::before, #cancel-comment-reply-link::before, .posts .entry-inner::before, .is-singular .entry-inner::before, .error404 .entry-inner::before, .page-template-eventbrite-index .page-header::before, .single-event .entry-header::before, .post-table-of-contents a::before, .bypostauthor .comment-author::before, .post-navigation a::before, .posts-navigation .nav-previous a::before, .posts-navigation .nav-previous a::after, .posts-navigation .nav-next a::before, .posts-navigation .nav-next a::after, .comment-edit-link::before, .comment .reply::before, .jetpack-social-navigation ul a::before, .link-more a {
  background-color: #8b626d;
}

Hi! Just to check, were you intending to show the top left menu, or not at all?

We may be able to make a suggestion for CSS depending on what you’re wanting to do; feel free to remove the menu if you’re not using it at all and we can check for the correct CSS to use.

As it is, your page jumps do appear to be working correctly! If you’re wanting to keep those page jumps and still center the telephone number, perhaps this could work:

 @media screen and (min-width: 60em) {
.has-top-content .site-top-content, .has-top-content .main-navigation + .site-top-content, .has-top-content .main-navigation {
  width: 45%;
  text-align: left;
}
}

Hi, thanks for the screenshots.

In your screenshots, it does show that you’re looking at the List View of blocks in your “index” template. There’s information about what the List View does here:
https://www.ads-software.com/documentation/article/list-view/

In order to get to the Single post template, you’d need to change which template you’re editing. The original template guide I linked above mentions how to do this – here’s the direct link for how to do so when you’re in the Site Editor for your convenience:
https://www.ads-software.com/documentation/article/template-editor/#how-to-edit-templates-via-the-site-editor

You can also click that arrow button beside the “Index” label shown in the top centre of your second screenshot, and then click “Browse all templates”.

I hope that helps, if you do have any other questions let us know!

Hi! Normally this should be in Appearance > Editor (beta). If you go into the Site Editor there, and then choose to edit the “Single” template for single posts, then that should bring up something which looks like this:

The guide for it is here:
https://www.ads-software.com/documentation/article/post-title-block/

You may also find you wish to make the same change to center the blog post titles on your main posts page, which should normally be done by editing the Index template, and changing the same Post Title block, but which is located inside the Query Loop > Post Template blocks:
https://www.ads-software.com/documentation/article/query-loop-block/

In case of need, there is further information regarding making changes to your theme templates here:
https://www.ads-software.com/documentation/article/template-editor/

I hope that helps!

Good point, I can’t believe I forgot I did something similar recently too! Nicely done ??

It does seem to be a bit tricky to target. I had another look at the CSS and I was wondering if this could work:

body.page-id-26 a:not(.wp-social-link a):hover {
  background-color: #ffffff;
}

The other alternative could be to instead change your CSS so that it explicitly targets only links within your main content. It looks like you assigned a class .e-content to that area – could this work instead?

body.page-id-26 .e-content a:hover {
background-color: #ffffff;
}

It’s a shame it’s not possible to distinguish between devices for padding. I will keep my site as full width for now and if it’s okay with you I will post again here once the site is live?

Sure, we’ll be here if you need at that point ??

Just out of curiosity, I have been researching this –?is the correct solution to implement a CSS breakpoint using media query?

At the moment, that’d be the best way to do it, yes! Hopefully in the future the Site Editor will be able to support breakpoints without needing to use media queries.

I’d probably suggest using the same CSS you have before, but making sure the social links especially are excluded, using a :not pseudo-selector:
https://developer.mozilla.org/en-US/docs/Web/CSS/:not

Something like this, for example:

body.page-id-26 a:not(.wp-block-social-link-anchor):hover {
  background-color: #ffffff;
}

I can’t guarantee it’d work perfectly as sometimes these things work OK in the browser preview and not so much in the Customizer, but it’s worth a try.

That’s very understandable, the new URL looks good! I can see that you got the text changed to “Agentur” now too, using a plugin.
I did also leave a comment on the GitHub issue above, just to note that it’s still of interest to people.

The other alternative to your new URL could be to create a dedicated “Archive: project” template within the Site Editor where you use the Portfolio shortcod only (and no Query Loop) but that would of course be a little extra work which you may not find you need.

Hi! I had a quick look at your most recent post, it seems to be showing the “Previous Post” link correctly when I check.

This screenshot indicates where it shows for me:

I’m also seeing the “Next post” link if I visit an earlier post! Are they still not showing for you? If not, it could be worth trying to clear your browser cache.

• This reply was modified 2 years ago by Sophie - a11n.

Ok, thanks. The post you mentioned suggested reverting to PHP 7.2 though that’s obviously not something we’d suggest at this time. It could be worth testing on a higher version of PHP since 7.4 is fast approaching End of Life:
https://www.php.net/supported-versions

As it is, the P2 theme isn’t being actively maintained; it’s been superceded by this hosted version on WordPress.com:
https://wordpress.com/p2/

It might be worth trying P2 Breathe theme (downloadable from Github) along with the O2 plugin (also available from Github) as that is the “2.0” version of P2, but the same applies there – it’s also not in active development having been superceded by the hosted version above.