Community Forums

Hello,

-The css classes for the product and info area are:
Image:
.single-product .cl-style-default .cl-product-info .cl-images-wrapper

Info:
.single-product .cl-style-default .cl-product-info .summary

-You can change image sizes in Codeless > Image Sizes > Other (screenshot);

-Sorry but this styling is made in the code and in the option panel there are other customizations.
With June especially, the developer has tried to include as many styles as possible. Being this a dedicated woocommerce theme.
The customizations you want are not done by the Codeless Builder, nor Visual Composer. These are independed plugins and the products pages are related to Woocommerce plugin. Check out the Woocommerce plugin’s official site to learn more how to change it further.
https://docs.woocommerce.com/

Best regards!

Hello,

You can add a normal button and link it to the team profile page. See example: https://ibb.co/NrHF4K2

Best regards!

Hello,

Add a new element in the page. Either be it a blog or simple text element where the “Carrers” are listed. Then drag and drop the row with this element in the position inthe page, that you want it to stand.
In this case drag it between the two rows containing “Custom headings”.

Best regards!

Hello,

Please add this css into Customize > General > Custom Codes:

body[class*=" currency-"] .product-type-variable > .cl-product-info .summary.entry-summary > .price .woocs_price_code {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

Result screenshot: https://ibb.co/r7nXhvN

Best regards!

Hello,

Sorry for the late reply.
The icons are symbols created from these fonts. To change their size, just change font size using custom css.
Example: add this code into your General Options > Custom Css box:

.services_medium i {
    font-size: 20px !important;
}

Best regards!

Hello,

Both strings are translatable. If they are not present in the .PO file, you can add them by editing the file with PoEditor.
Here is where they are locaetd in theme files:
1-Sale! -> june\woocommerce\loop\sale-flash.php (line 28)
<?php echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">' . esc_html__( 'Sale!', 'june' ) . '</span>', $post, $product ); ?>

2-Out of Stock -> june\woocommerce\loop\sale-flash.php (line 34)
<?php echo apply_filters( 'woocommerce_outofstock_flash', '<span class="outofstock">' . esc_html__( 'Out of Stock', 'june' ) . '</span>', $post, $product ); ?>

–june\includes\codeless_functions_woocommerce.php (line 1313)
<div class="cl-info outstock"><span class="out-stock"><i class="cl-icon-alert-circle"></i><?php esc_attr_e( 'Out of Stock', 'june' ); ?></span></div>

Best regards!

Hello,

Please add some wp and ftp credentials in your profile data. Read this article for more information: https://support.codeless.co/?ht_kb=add-private-login-credentials.

So we can check this closely.

Best regards!

Hello,

If you want to change only the dimensions, you can do so using custom css. Add it in Customize > General > Custom Codes. I can help with the code, but i need to see a link of the product page. What change do you want to make? Increase width/decrease?

Let us know.
Best regards!