Andy

[Andy]

The search results does not use a table layout so there shouldn’t be a table behind the search results, and the text color of the search results should be the same color as other page text such as pages, posts etc.

Could you please provide me with a URL to take a look at?

[Andy]

Hi

That error message indicates that the ‘trusted-fonts.php’ file is missing.

Have you (or someone else with access to your web hosting) deleted the ‘trusted-fonts.php’ file?

In any case, to fix it you should re-upload the file to ‘/wp-content/themes/trusted-pro/functions/’ or reinstall the theme.

[Andy]

There are two options for this. In Customize > Additional CSS, add either option 1 or 2

Option 1:

.top-login-mini-cart a.button {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.top-login-mini-cart a.button.checkout {
    float: none;
}

Option 2:

.top-login-mini-cart a.button.checkout {
    float: none;
    margin-top: 10px;
}

Option 1 makes both buttons full width, and option 2 makes both buttons aligned to the left.

[Andy]

It is recommended to use a SEO plugin such as Yoast SEO or All in One SEO Pack on your site.

These plugins generate Open Graph Meta Data (which WordPress does not generate by default) for your posts that the social media sites can then pick up and use when someone shares a post from your site.

[Andy]

Does this only happen with the facebook sharing link and did the error start happening recently?

[Andy]

This should work

@media screen and (max-width: 768px) {
    .featured-post {
        background: transparent;
    }
}

[Andy]

It is the background of the whole of the featured service (not the icon) that changes on hover so the correct styling to use would be this:

.featured-post:hover {
    background: transparent;
}

[Andy]

The featured services icon/image is circular by default with a white background. Change this with the following added to ‘Additional CSS’

.featured-post .featured-icon {
    background: transparent;
    border-radius: 0;
    width: 300px;
    height: auto;
}

.featured-post img {
    max-width: 100%;
}

[Andy]

For mobile screens you can use different styling by wrapping the CSS code with a media rule like so:

@media screen and (max-width: 768px) {
    .slide {
        background-size: 80%;
    }
}

This in addition to to previous code would make the background size 50% on screens above 768px wide, and 80% on screens below 768px wide.

Thanks for the suggestions but unfortunately that would be beyond the rules of what themes are allowed to do if they are to be included in the wordpress.org theme repository. The rules say that would be classed as content creation which is the domain of plugins.

[Andy]

Sorry I should have said to add custom CSS in ‘Appearance’ > ‘Customize’ > ‘Additional CSS’

It is not recommended to edit the theme’s css files directly as your changes would be undone when the theme is updated.

The featured services images accept the same image formats as the WordPress media library (jpg, png, gif etc) and the size can be adjusted from any value from 20px to 200px in the customizer, although with some custom CSS it would be possible to set the image size at 300px.

The border size and style can also be adjusted in the customizer, see the pro demo 2 and pro demo 3 for different image sizes and border styles.

[Andy]

Update: just thinking about this, you could set a background image for the whole of the slider area to show behind the slides, with this Additional CSS:

#home-slider-section {
    background-image: url("url-of-your-image");
}

change ‘url-of-your-image’ to the actual image URL which you can get by clicking on your image in the dashboard media library to open up the image editor.

[Andy]

Hi,

You could change the size and position of the image with some Additional CSS such the snippet below, but there won’t be a background image to show behind because the featured image is the background image

.slide {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

If you want to add your own images in place of the icons for the featured services, that option is available in the pro version of Exoplanet.

[Andy]

I didn’t notice before some more custom CSS that you have also.

Can you try this please:

.main-header {
    min-height: 170px !important;
    padding-top: 0 !important;
}

[Andy]

This is the standard CSS styling that controls the size of these product gallery images:

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 22.9375%;
    margin-right: 2.75%;
    margin-bottom: 2.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: left;
}

So you could for example use something like this CSS added to Customize > Additional CSS:

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
    margin: 0;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(5n+1) {
    clear: left;
}

this would put 5 images per row with no gaps between the images.

If you need something more specific or with gaps between the images, please let me know.

[Andy]

Hi,

I can see on your site that you have added custom CSS with negative margin to hide the page title like this:

.header-title {
    padding: 20px 0 20px;
    margin-top: -50%;
}

So that the height of the header area is calculated correctly, I would suggest that you use this custom CSS instead:

.header-title {
    display: none;
}

[Author]

Posts