Yazmin

[Yazmin]

Sorry, the free version does not have these options.

The Pro version of the Trusted theme has option to directly add a link or leave the link empty if you want. There is also the option to write any length of text directly into the featured services, without using the title and excerpt generated from a selected page.

[Yazmin]

In your dashboard go to Appearance > Customize > Additional CSS, and add this custom CSS to make the products background transparent:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: transparent;
}

With this transparent, the main body background will show through.

[Yazmin]

The header is already fixed in one position at the top of the browser window, so you don’t need to do anything to make this possible.

[Yazmin]

Sorry, the theme does not have the capability to have a slider in the header, only a background image.

[Yazmin]

The excerpt can be edited in the “Excerpt” text area.

If you cannot see the excerpt, then click on ‘Screen Options’ and make sure the []Excerpt option is selected. Now the excerpt will be visible and you can edit it.

Page excerpt in the classic editor:

Page excerpt in the new block based page editor:

[Yazmin]

To make the offer bar widget area appear on mobile, add either of these snippets of CSS to Customize > Additional CSS

To display all on one line similar to how it appears on desktop, use this:

@media (max-width:768px) {
    #site-usp,
    #site-usp .container {
        display: flex;
    }
}

or to display each item on separate lines, use this:

@media (max-width:768px) {
    #site-usp,
    #site-usp .container {
        display: block;
    }
}

[Yazmin]

Sorry, that is not possible. You can have the page content before or after the featured services section, but other content between the individual featured services is not possible.

[Yazmin]

For a normal web page link you would write the URL like this: https://www.example.com/

To have the link be a clickable phone number, write the URL like this: tel:12345678

[Yazmin]

The product image area and the product summary area are both half width of the product area. Strictly speaking they are 48% width with a 4% spacing in between.

Azuma Pro has an option to change this.

If you don’t want to upgrade to the pro version, you will need to use this “Additional CSS” (change the 48% widths as appropriate)

@media (min-width: 769px) {
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 48%;
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 48%;
    }
}

[Yazmin]

This is a WooCommerce plugin setting.

Go to ‘Appearance’ > ‘Customize’ > ‘WooCommerce’ > ‘Product Images’, and you will see the “Main image width” setting.

It look like you have made this setting to be “300” which is not very large for the single product page image, so you may want to change this to something larger… maybe 900 or so.

[Yazmin]

Yes the theme is compatible with PHP 7.4.

[Yazmin]

By default, the tagline inherits the body text size. To change the size of only the tagline, copy this snippet of CSS into ‘Appearance‘ > ‘Customize‘ > ‘Additional CSS‘

.site-description {
    font-size: 16px;
}

16px is an example, you can change that to any size you want.

[Yazmin]

Please see the solution here: https://uxlthemes.com/forums/topic/changing-header-image-height/

[Yazmin]

Add this code to Customize > Additional CSS (change the standard white #ffffff color to any color you want)

.entry-header.with-image .entry-title,
.archive-header.with-image .archive-title {
    color: #ffffff;
}

[Yazmin]

You will need to add an extra CSS class to the shortcode like so:

[featured_products columns="5" class="product-centered"]

Now add this ‘Additional CSS’ to make only this product centered:

.product-centered ul.products li.product {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

[Author]

Posts