Kel Santiago-Pilarski
Forum Replies Created
-
Hi @atalanttore,
There’s a bug where setting a block to Sticky does not work if the block is included in a Template part. Please check if the block you’ve set to Sticky is in a Template part. If yes, a workaround would be to add a new group at the top of the template, make it sticky, and place the template part in the group instead.Hello @wordzebra!
I found the option and it works; but I think there might be a bug, because once I set a certain radius, I can no longer remove it or try a different value. In other words, it registers the change, but when I reload the page, the buttons re-appear the same way as they were set during the first radius change in all my browsers.
The same radius remains even after I resize the button just to force another change at the same time, so I can no longer test different values and choose the best one.
Hmm, that’s interesting. I’ve tried this on my test sites and I could set the button radius and change it later on to another value.
- After you’ve set the new value in radius, clear your browser cache (how to clear cache in Google) and check your site again.
- If that does not work, check your site in another browser or device to see if the button radius change was applied.
- And if clearing the browser cache or using another browser still does not reflect the changes in the button, check if there are plugins or themes causing this issue. To do that, use the Health Check & Troubleshooting plugin to deactivate plugins and change themes in troubleshooting mode, which won’t affect your live site. After installing and activating this plugin, go to WP Admin > Tools > Site Health > Troubleshooting (tab) to start troubleshooting. This will add a new Troubleshooting Mode menu item to the toolbar at the top of the WP Admin screen.
From there, you can enable and disable plugins and change the theme for your site, without affecting what site visitors see while you troubleshoot.
As you troubleshoot and deactivate plugins, open your site in a new browser tab. As you enable or disable each plugin, refresh the browser tab with your site to see which plugin enabled affects the button.
By the way, should I make different threads for each question that I have, or try to put all the ones I have in one?
If the questions are different topics, you can create one question per topic. Before you post, you can also check the forum if your question is similar to the ones already answered. The link to the forum where you can search for similar topics is here: https://wordpress.org/support/forums/
Hello @fwgparkstein
but the additional CSS did the job.
YAYYY!!! 🙂
However I have no clue why/how you chose the CSS selectors
I used the browser inspector to check what’s happening with the navigation block and stumbled upon the hidden overflow which caused the submenu to be hidden beneath an image, or whatever content was on the page.
I checked your site again and the submenu now opens. Well done! 🙂
If there’s nothing else, we can mark this thread solved. If you need further help you can check our the Twenty Twenty-four documentation or open a new thread.
Hello @wordzebra !
There’s an option to make the button rounded by increasing the Radius through the settings. On the Buttons block Styles settings, you’ll see Border & Shadow. Under that is Radius where you can set the number value in pixels or adjust the bar next to it.
Screenshot: https://wordpress.org/documentation/files/2023/11/image-9.pngForum: Themes and Templates
In reply to: [Twenty Twenty-Three] Twenty Twenty-Three Template IssueHi Steve @smarrswebdesign !
I’ve checked the site link you’ve shared and it’s not using the Twenty Twenty-Three theme. Could you have used this theme on a different site?
If the page is blank, it’s possible that the template assigned to that page has no Post Content block on it. Please check https://wordpress.org/documentation/article/post-content-block/Forum: Themes and Templates
In reply to: [Twenty Twenty-Four] 2024 theme default templateHello @flamey23 !
Thanks for your feedback, glad to hear you like the new editor! 🙂
What is the best way to remove the elements I dont want on the page? Do I just edit the default blog home page template and delete all blocks I dont want (more or less all of them)? Or do I create a new blank blog posts page in some way?
If the elements are from a template, you can remove those from the Site Editor > Templates by following this guide. The changes to the template you’ve edited will be applied to all the posts or pages using that particular template.
You can start a new blank blog post if you’d like, but if it’s using that template with the elements you want to remove, those elements will still be part of your new post. For that, you’ll have to edit the template directly.
Also, is it ok to use past templates such as 2021 or 2022? Or is it always advised to use the most recent?
If you’re referring to using the Twenty Twenty-One theme or Twenty Twenty-two theme – you can use any of those even there are much newer ones like Twenty Twenty-three and four. If you’re referring to something else, please share more details on what mean by past templates.
Hello @fwgparkstein!
I see that in navigation, the overflow is set to hidden. This means that the elements that spill outside is not visible. To fix that, you can try a couple of ways:- Either ungroup the Columns block and check if that will display the submenu.
- Or add this CSS code to change the overflow:
.tw-overflow-hidden, .wp-block-group[style*="radius"] {
overflow: visible;
}Hello there @pradg !
Learning WP and eventually want to build a site.
That’s great, welcome!
I want to display only the first 2 words of a post title to the user but full title needs to be in the source for SEO. For example, if I make a recipe website and one of my recipes is “Vegetarian Burger – beans or tofu or veggies” but on archive pages or custom pages using a query loop, I only want to display “Vegetarian Burger” and not the entire title.
With what you’d like to do, Categories may be a good fit. For example, make “Vegetarian Burger” a post category. And assign the post “beans or tofu or veggies” to the “Vegetarian Burger” category.
You can also create an archive page just with categories using the Categories Block, so on that page only the category name “Vegetarian Burger” is visible, and only then when you click “Vegetarian Burger” will open and display all posts under that category like the “beans” post.If you’re referring to something else, please share more details or examples.
I moved the Nav-Group out of the Header into the Page Templates I used, and this is now working fine.
Yay! Happy to hear that! 🙂
Alternatively, as mentioned on Github, you can place the Header into a Group and make the Group sticky. That will only work for the full Header, though.
You can give that workaround a try if you’d like. Or set to sticky the block that’s not in a template part.
Hi @coffee_king
Thanks for sharing a screenshot. Upon checking this further, the CSS didn’t work because is in an iframe. In the past, there were parameters you can add to the embed code to hide the title but this no longer works. Instead of a Youtube link, try to upload the video to your Media and use that for the header.Thanks for the screenshot @fwgparkstein !
I replicated the blocks under Row (Zeile) on my test site but the submenu is visible. In the Group blocks (Gruppe), I created a 2 column block with the image on the left and sidebar on the right and the submenu is still visible.
Can you please expand the Group of blocks (Gruppe) on the list view and share a screenshot of that as well?
Also check if you have CSS codes in Styles > click the 3 dots menu > select Additional CSS and share. Thank you!Hello there @wordzebra!
Using a Paragraph block in place of a site title, the paragraph can have the fonts Default, Cardo, Inter, System sans serif and Sans serif.
Have you got any idea how to call the Site-Title style for that paragraph with CSS or vice-versa, or what you mean by that?
CSS is only necessary when you’d like to make changes to certain elements of the site that are not available through the settings. See Applying Custom CSS for more details.
In the case of using a paragraph block instead a site title, you can edit the color of the paragraph through the Color settings like in this guide: https://wordpress.org/documentation/article/colors-settings-overview/#how-to-access-color-settingsOr what to type to simply make it apply the default Site-Title styles to all paragraphs added to the header?
You can make all paragraphs in the header with the style you want, and also use the same header in other pages or posts by creating a new pattern:
- Create a new pattern in Appearance > Editor > Patterns > Add New Pattern > Add New Template Part
- Add a name, for this example let’s use “New Header”
- Under Area, select “Header” and click “Add”
screenshot: https://wordpress.org/documentation/files/2022/01/Screen-Shot-2022-01-05-at-12.19.00-PM.png - In the editor, create the header template part by adding the paragraphs in the header with the style that you want, then save.
- After creating the “New Header” template part, open the site editor in Appearance > Editor. Type in
/newand select “New Header” on the list and “Save”.
If you also want your posts and pages to have the new header you’ve created, edit the post and page templates to add the “New Header” template part in them.
Wonderful, I’m happy to help! Have a great day ahead!
Hi @wordzebra!
To have more font options, you can consider using a font plugin.
Under Styles, I can modify what fonts apply to Text, Links, Headings, Captions or Buttons, but there’s no Site Title there to see what settings apply to it.
The styles applied to Headings will be applied to the Site Title. If you want a specific style just for the site title and not all headings, you can create a custom CSS code for it.
The first one shows the end result when published, where you can see how the hyphen gets larger and becomes a dash for some reason, while the other one shows the titles in the editor, where the hyphen stays as it’s supposed to be.
I tested this and dashes with or without color appear the same size in the site editor. But if there’s color applied to the dash in a paragraph, on the live page, the dash is longer. If the whole text has a color applied to it, and not just the dash, the dash will appear the same size in the editor and live page. It looks like you’ve stumbled upon a bug! I’ve reported this here for enhancement: https://github.com/WordPress/gutenberg/issues/64237
In the meantime, you might want to explore further using an image, continue using the paragraph with color on the dash even it’s a bit longer on the live page, or make the whole paragraph with dash the same color.Hello @fwgparkstein!
Can you share screenshots so I can try and replicate the header and menus you’ve created? Go to the site editor in Appearance > Editor. Then click the List View on the upper left ≡, expand the header to see the list of blocks under it (like the Navigation block). Thank you!