simpleliving

Hi there — from the link you provided, it looks like the CSS and JS are not loading properly. Are there errors in the Developer Tools console (Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to access Chrome console)?

If there are no errors, SiteGround caching might prevent rendering the most up-to-date styles and scripts. Additional information on SiteUnderground caching is available here

Hi!
Are you able to provide a snippet of the rendered source code for the 3 rows of images? It looks like the container, row, and vc_col-sm-6 renders each time you include the shortcode — instead, you likely want the container, and row elements outside of your loop.

Hi there!

The get_the_post_thumbnail() function returns the post thumbnail image tag. If you take a look at your source code where the above shortcode html renders, do you see an img tag within an img tag? Try removing the img tag that surrounds <?php echo $photo; ?> — this should resolve the closing img tag that is rendering on the frontend. Does this also help with how the images are displaying? Let me know! If you have an example link, I’d be happy to take a closer look.

Good luck!

Hi Andy,
Did you first notice this issue after update to WordPress 5.7? The button alignment bug that you are reporting appears to be due to a styling issue for legacy button blocks that was introduced in Gutenberg 9.3 and included in WordPress core 5.7. There is a bugfix in place to correct this issue for Gutenberg 10.5, however I’m not sure when this version of Gutenberg will be released.

I would keep an eye out for upcoming WordPress core updates, but in the meantime you can 1. replace the buttons with new button blocks — only legacy button blocks are affected; if you use the updated buttons block, then center alignment should work correctly, or 2. apply inline styles to center your Gutenberg button blocks. For example, to center the buttons on your Tours page (https://edinburghcabtours.com/tours/) with inline styes, open the the Gutenberg editor for the Tours page, and:
1. Ensure that align center is selected for the button block
2. On the button block, Select the More Options (three vertical dots)
3. Select Edit as HTML

You will then see something like this:
<div class="wp-block-button aligncenter is-style-circular"><a class="wp-block-button__link has-quaternary-color has-text-color has-background" href="https://edinburghcabtours.com/tours/city-centre-tour-2-hours/" style="background-color:#1b2dd0">read more</a></div>

You will want to add style="text-align:center;" to any button div that you would like centered. The Tour page buttons block html should look like this:

<div class="wp-block-button aligncenter is-style-circular" style="text-align: center;"><a class="wp-block-button__link has-quaternary-color has-text-color has-background" href="https://edinburghcabtours.com/tours/city-centre-tour-2-hours/" style="background-color:#1b2dd0">read more</a></div>

Once Gutenberg 10.5 is release you can remove this inline style fix. Let me know how that works out for you!

Hi there!
I’m sorry to hear about your login issues. Don’t give up! Have you reviewed your error logs? If you include your recent error logs in this thread, we might be able to track down the issue. Here is a great resource to help you enable and locate the error logs on your server: https://pagely.com/blog/wordpress-logs-track-errors-guide/

Let me know what you find!

– Laura

Hi there,

If you navigate in the WP Admin to Appearance -> Menus, you will find the option Automatically add new top-level pages to this menu under Menu Settings. When this option is selected, every time you publish a new page, the page will be added to the selected menu. It sounds like you currently have this enabled. Disable this option and then remove the unwanted menu items from the menu assigned to your header location. You can re-add any pages to the menu after you correct the page titles.

Good luck!

Hi there,

Let’s use the Link to Survey (https://otago.au1.qualtrics.com/jfe/form/SV_74oteWOocOQenoV?RID=MLRP_5zI43FFcf8niGb3&Q_CHL=email) on the page you provided as an example.

Here are two ways to add a link with Gutenberg:

1. Use a paragraph block and add the text Link to Survey. Next, highlight the text Link to Survey and select the link button (looks like a paperclip) — it should be in the block toolbar near other formatting buttons, like bold and italic. Enter the url https://otago.au1.qualtrics.com/jfe/form/SV_74oteWOocOQenoV?RID=MLRP_5zI43FFcf8niGb3&Q_CHL=email — make sure you press enter to add the link. The text should now look like a link. If you want the link to open in a new tab, be sure to toggle that option.

2. Use the custom HTML block and add an anchor tag like this:
<a href="https://otago.au1.qualtrics.com/jfe/form/SV_74oteWOocOQenoV?RID=MLRP_5zI43FFcf8niGb3&Q_CHL=email" target="_blank">Link to the Survey</a> This will create a link that opens in a new tab.

Hope this was helpful! Good luck!

Hi there!

The Google search result that appears without a description and a link to “Learn Why” directs you to the domain https://www.cobleskischool.com which points to the IP 74.124.198.241. However, cobleskischool.com (without the www subdomain) has an IP address of 209.182.215.85.

I would recommend logging into your domain registrar for coblieskischool.com and reviewing your DNS configuration. It sounds like your www subdomain is pointing to the wrong IP. There should be a www subdomain CNAME record that points to coblieskischool.com.

Make sure you have an A record for your root domain.

Also, you will want to review what domain is connected to Google Search Console — you will likely want coblieskischool.com connected and not the www subdomain.

Good luck!

Hi Alafair,
The plugin Highlight Gutenberg Blocks sounds like it might help with your workflow: https://www.ads-software.com/plugins/highlight-blocks/

Block Guidelines might also do the trick, but it hasn’t been updated in a while: https://www.ads-software.com/plugins/block-guide-lines/

Good luck!

Hi Karolina,

Will you try changing the zoom parameter that was added to the Google maps iframe src? It looks like you are using the following parameter: &zoom=16. Instead, please try adding this parameter to the end of the Google maps iframe src &z=8.

The whole iframe source will look like this:

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1ZQHd-yoMNVLG0V0etXEjTh9U2HikE_N6&z=8" width="640" height="480"></iframe>

Good luck!
– Laura

Hi Pier31,
You can replace/modify the page title programmatically so that each category archive page will render the category title exactly as you would like.

In the 2019 theme, look at the <header> tag in the archive.php template. The function the_archive_title() is responsible for rendering the page title as Category: Activities.

Try replacing the_archive_title() with single_cat_title(), this should render Activities as the page title, without the Category: prefix.

You will want to remove the CSS declarations you provided in your question if you use the single_cat_title() function.

Good luck!

Function reference: https://developer.www.ads-software.com/reference/functions/single_cat_title/

Hi Mik,

Menu order is most often used to sort the display order for pages. The order property for pages can be set in the Page Attributes metabox in the Page Editor. Posts, on the other hand, do not have an order field available within the Post Attributes metabox. All posts are assigned a default menu order value of 0.

If you are working with a child theme, the order field can be added to Post editor by adding support for page attributes. For example, the following code, when added to your child theme functions.php, will register the page attribute feature for posts:

add_action( 'admin_init', 'your_custom_post_order_fn' );

function your_custom_post_order_fn() 
{
    add_post_type_support( 'post', 'page-attributes' );
}

Reference: https://make.www.ads-software.com/support/user-manual/content/pages/page-attributes/#order

Good luck!