.vertical-menu > li > a, 
.vertical-menu .back-to-parent span {
    text-transform: capitalize;
}

You should add CSS snippet to the Page Settings so it will affect only the elements on that page.

1. Click on a gear icon in the top right of the page builder toolbar, see the picture below:

.w-button {
    text-transform: capitalize;
}

Hope this helps!

Hi, thanks…I am wanting to style it more specifically ie only certain buttons on a page lol (otherwise the above would be great)..Is this possible at an individual button level? Sorry I wasn’t more clear in my original question…

Here’s a quick tip:

1. You will need to add custom CSS class to the CSS Settings as I provided above. For example:

.custom-button {
  text-transform: capitalize;
}

2. Put the class name custom-button into the Extra CSS Class field in the element settings window when you edit the button or any other content elements.

ok, that’s great. I’ve switched to this method. However, my row is set is ‘full width’ but isn’t showing as full width (is this a shop page template setting?)

Hi again, have switched it all over, the product looked ok on preview but now isn’t showing any of the information (inside the page builder), only the image… not showing the product short info either. Help please?

1. The fullwidth row is not available in the single post template including single product, it always displays as a boxed layout even you choose fullwidth for the row.

2. Looks like you’ve figured it out, everything seems to work well on your product page.

We’re sorry but the zoom option is not available in this theme, it doesn’t support.

The size of shop thumbnails is defined by WooCommerce plugin. Unfortunately, it is set as squared thumbnails and always be 100×100px.

Also, if possible, the header with an alpha effect…

4) We would like to use “Ares” bullets in Home page “Slider Revolution”, but we do not want the title appears on mouse over the bullet…

Again… thank you so much!

.w-slider-dots {
    display: none;
}

.w-slider-nav a:after {
   font-size: 75px;
}

2) It seems like the color option is not available for the Uranus arrows, only the Background Color is. Unfortunately, those settings are built-in settings from the Slider Revolution plugin, we couldn’t adjust this for you. However, if you’d like to change it, you will need to add CSS snippet below to Appearance -> Customize -> Additional CSS to achieve this:

.uranus.tparrows:before {
    color: red;
}

3) You can change only the height of the sticky header. Here’s CSS snippet to set the height of the sticky header to the same as the normal header:

#header.w-scrolled .container, 
#header.w-fixed .container {
    height: 85px;
}

4) Try adding CSS snippet below to see if it works:

.ares .tp-bullet-title {
    display: none;
}

@media only screen and (min-width: 992px) {

.product .images {
    margin-right: 80px;
}

}

Great! Thanks

That’s perfect! Thanks. Is there a way to also hide the breadcrumb: ‘Shop/Category/Product’... Cheers?

Here’s snippet to hide the breadcrumb on shop and product pages:

.woocommerce-breadcrumb {
    display: none;
}

cheers

We’re sorry but you couldn’t adjust this under the theme options panel and this is not included in the theme design. You will need to modify template files in your child theme to achieve this.

However, the theme modification and customization are not included in the theme support, you will need to do it yourself and at your own risk.

ok, could i get around this then by setting a dark header in navigation, but on a page level setting header to transparent and then specifying the sliding bar colour? (now styled as hamburger menu)

#slidingbar {
    background: #ff0000;
    color: #fff;
}

You have to set the Padding Size in the column settings to No Padding to remove the gap from both sides of the column. To set this option, you have to edit the column, not the row.

The Text Block uses default WordPress text editor to edit the text and headings. Unfortunately, it doesn’t have font size and line height options. I would recommend using the Custom Heading instead. You can change the Element tag to “p” to add plain text and paragraph.

I would recommend adding them to a row with 3 columns because when adding to the Image Gallery, it will show the full size in the lightbox when you click on each image.

To get rid of the space between columns, you have to set the Padding Size option for each column to No Padding. This option is in the column settings window when you edit the column.

perfect, thanks!

The size of headings is not available in the theme settings because they might have different sizes in different content elements and parts. I would recommend using the Custom Heading element so you can set the font size including other font styles for the headings.

h4 {

font-size: 26px;

}

thanks

my bad. have fixed this. error was my end…lol

Thanks for the tip! Cheers – problem resolved

Just quickly revisiting the initial snippet… I have changed the background and colour values (the rest of the snippet remains the same) but the label text (ie “email”, “name” etc) doesn’t seem to change colour (the input text seems right) – am I missing something?

That is a placeholder text for the input field, you will need to add snippet below to change it:

::-webkit-input-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

input:-moz-placeholder {
    color: #fff;
}

Hi,

It’s now online and we can access the site’s live previews and can import demo content too. This might be an issue with our VPS or CDN, please try it again to see if it works.

My bad! I thought that the fade effect of the slider’s transition

@media only screen and (min-width: 992px) {

.w-slide:after {
  display: none;
}

}

Hi,

First of all, both WPBakery Page Builder and Slider Revolution are included in the theme package, you don’t need to purchase their licenses individually.

1 – If you’re talking about the Slider element here: https://wydethemes.com/overlap/elements/overlap-slider/

/**
 * Updates Overlap Slider options.
 */
function overlap_update_slider_params() {

    // Remove the existing Transition option.
    vc_remove_param( 'wyde_slider', 'transition' );

    // Add new Transition option (without Fade effect).
    vc_add_param( 'wyde_slider', array(
        'param_name'    => 'transition',
        'type'          => 'dropdown',
        'heading'       => esc_html__( 'Transition', 'overlap' ),            
        'value'         => array(
            esc_html__( 'Slide', 'overlap' ) => '',
        ),
        'description'   => esc_html__( 'Select animation type.', 'overlap' ),
        'weight'        => 1000,
    ) );

}
add_action( 'vc_mapper_init_after', 'overlap_update_slider_params', 100 );

Also, you can find more details on how to add or remove content elements and settings for WPBakery Page Builder in the link below: https://kb.wpbakery.com/docs/inner-api/vc_remove_param/

However, if you’d like to edit any files in the theme or plugins, please do it in your child theme. If not, your changes will be lost when you update the theme and plugins.

2 – You can edit the slider to change the background settings, you may need to change the Background Fit from “Cover” to “Contain”, so it will resize the background images instead of cropping of them, you can find more on Background Settings here: https://www.themepunch.com/revslider-doc/main-background/#image-sourcesettings

Hope this helps!

Hello,

1. I have never seen this issue before and have no idea why it displays differently. Do you mind giving me your site URL so I can take a look?

2. You can enable and disable the Transparent Header in the Overlap Options at the bottom of the page edit screen.

3. You may need to check the responsive settings to make sure that section is enabled on mobile. Edit the column, container of those icons. In the Column Settings, select the Responsive Options tab and uncheck all boxes in “Hide on device” to show it on any screen sizes.

Hey,

1. my URL is www.junodesignstudio.com The Mobile menu is still not displaying all pages, so strange.

2.I fixed the header on the one page, thank you.

3. I did as you said but there are no boxes checked in the first place, I had already double checked that previous to writing you but I’m unable to figure out why it still does not display on mobile.

Thanks for your time

1. You’re choosing “Custom” for the mobile navigation text color but haven’t set the color yet so it is white by default. This makes the menu items are not visible on the white background. If you have a white background, you should set the Text Style to “Dark”, if you choose “Custom”, you will need to set the Text Color to black (#000000). You can set those settings in Theme Options -> Navigation -> Mobile Navigation.

3. There are responsive settings that hide the column on mobile and tablet. You will need to edit the column, container of the text “Creating a strong first…”, see the picture below:

I’m quite sure that column is set to hide on mobile and tablet. If you edit it but the checkboxes in the Responsive Options are not checked, it means that you just edited a wrong column, try editing other ones.