Niall Madhoo

You’re welcome!

Regenerate Thumbnails is able to update the content within the post, meaning the link to the old image would be replaced by the link to the new image:

If the image was specified using a direct link to the image rather than via the thumbnail size option, then changing the size via Regenerate Plugins would make no difference.

You’re welcome.

Hi Lisa,

I assume you’re referring to this feature on https://www.hernameisbanks.com/music/#music>:

Those are accordions, which you can create using the Ultimate Blocks plugin: https://ww.wp.xz.cn/plugins/ultimate-blocks/.

You can view a demo of how the plugin’s accordions work here: https://ultimateblocks.com/content-toggle-accordion-block/

Add images inside the accordion for each site where your music is sold that links to your music. The plugin also allows you to change the colors to suit your preferences.

Best,
Niall

Hey @bliss07, You’re welcome! Glad you managed to set up the image!

You may want to remove the object-position: 20px 10px; code, as it shifts the image 20px to the right and 10px down. That creates a small (20px) margin down the left side of the page that you may not want:

Niall

Hey ritchb,

Did you manage to fix this issue? My browser redirects http://www.thevengabus.uk/welcome-to-http-thevengabus-uk/background/ to http://www.thevengabus.uk/backround/.

Hello Rachel,

I love your business concept, and the name is so cool too!

Here’s what’s happening:

The theme’s “style.min.css” file has the menu coded as follows:

.main-navigation>div li a {
    text-transform: uppercase;
    color: #626262;
    font-family: Lato,sans-serif;
    font-size: .8rem;
    letter-spacing: 1px;
    padding: 15px;
    margin: -15px;
}

However, the styling added to the Customizer shows:

@media screen and (max-width: 768px)
.main-navigation>div li a {
    text-transform: uppercase;
    color: #000000 !important;
    font-family: 'specialelite' !important;
    font-size: 9.5pt;
}

This code will only display if the device width is less than or equal to 768px, which means your site will only use the code on mobile phones and tablets.

Could you please remove @media screen and (max-width: 768px), inside the Additional CSS section of the Customizer so that it looks like this (you can remove the !important as you won’t need that anymore)?:

.main-navigation>div li a {
    text-transform: uppercase;
    color: #000000 !important;
    font-family: 'specialelite' !important;
    font-size: 9.5pt;
}

That should fix your problem:

You can repeat the same steps for the other issues like the borders. I’m assuming they’re under the “@media screen and (max-width: 768px)” section. If you have any trouble doing that, please post the code here and I can have a look at it.

Hey John,

If you want to remove the “www,” I recommend doing the following:

• Back up your site before doing anything (if you haven’t already set up backups, try the UpdraftPlus plugin: https://ww.wp.xz.cn/plugins/updraftplus/)
• Change the URL in the admin area to https://example.com/
  using one of the methods here: https://www.wpbeginner.com/wp-tutorials/how-to-change-your-wordpress-site-urls-step-by-step/
• Force “https” by following this guide: https://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/