Hi,

If your custom code is being overwritten by the theme simply use !important tags or target a parent element like the body tag to make sure your custom CSS overrides the theme’s as it will have a greater priority.

- AJ

Hi,

If you want it to look just like this – https://marksheet.io/css-priority.html – here is the CSS to get you started:

.vcex-testimonials-carousel .testimonial-entry-content {
    text-align: center;
    font-size: 18px;
    font-family: Georgia;
    color: #444;
}

.vcex-testimonials-carousel .testimonial-caret {
    display: none;
}

But you need to create the quote graphics and save them to your site you can place them via ::before and ::after selectors. If you share the URL to the image I could assist with that.

- AJ

Awesome, thank you for the purchase! This is a holiday weekend but if you do have any issues or questions send them over.

- AJ

Nah, doing fine so far. Have a good weekend. Thanks AJ.

Great, I’m glad to hear that!

But also if you have any suggestions, feel free to send them over as well

I’m having a great weekend so far, doing some support this morning than I will be focusing on a full site redesign for http://www.wpexplorer.com/ to hopefully knock out by Monday, which should be a lot of fun.

Take it easy, - AJ

Hi,

Nothing in the theme has changed that should prevent it from working. I just double checked and it’s still working for me – https://cl.ly/qSB7

Do you have any other modifications or template files in your child theme that could be overriding?

- AJ

Hi,

This is AJ the theme developer. Sorry for the delayed reply, my life got a bit crazy…I see you didn’t open a ticket for my support staff to assist so hopefully you got it working!

If not, basically when you install the theme you should see a notice at the top of the dashboard so you can install the bundled plugins as mentioned here – https://wpexplorer-themes.com/total/docs/installing-recommended-plugins/ – if you have any issues with that you can always install it manually. All the bundled plugins are located inside the theme under Total/framework/plugins/ and this specific plugin is named js_composer.zip (it used to be called Visual Composer).

Please let me know how I can be of help with anything you are struggling with or if you have any suggestions or general questions.

Thank you for your purchase and patience, AJ

Hi,

This should be available in the translated strings. Are you using a translation plugin on your site already such as Loco Translate or a multi-lingual plugin?

- AJ

Hi,

This is AJ the theme developer. Sorry for the delayed reply, my life got a bit crazy…

There is nothing built-in and while it would be very easy to do via PHP code the best way is using Javascript to prevent any sort of issues with server caching or caching plugins. The only concern would be if you have a globally set background you may see a “flash” when the random image is loaded after the global image, so it would be best to not have a default background image but only a default background color.

Did you already find a solution? If not, I could make a little add-on plugin for this as should only take me about 15-20 mins and I am sure there will be other customers that would like to use this function.

- AJ

Hi,

may be I wasn’t clear enough about my intensions: I didn’t want to change the page background while the page is displayed. I want to load a different background, randomly selected from a number of pictures, every time a page loads. If you would code something which could be used in a child theme and place the code into the snippets section of the theme docs, this would be great.

Thanks again, @AJ!

Hi,

Correct, I did understand you correctly. The problem is when using caching plugins or server cache (all WP sites need caching) if you insert code to the site to load a random image via PHP it could get cached and show the same image every time. Which is why you need to use javascript to add the random image on site load to prevent the same background from being cached and showing every time. Make sense?

And example of this code would be: https://wpexplorer-themes.com/total/snippets/random-background-image-on-refresh/

- AJ

resend

Logging into slack today. Did you update the file I sent you when updating those other sites? (let me know via slack). I have about 60 comments+tickets to handle and then I’ll get to slack. This has been a crazy month/week for me. I apologize for the delays.

- AJ

thanks – let me know

Hi,

Sorry for the delayed reply, my life got a bit crazy…

I’m not really seeing the issue to be honest and while the tabs look nice I would highly recommend instead having a page for each form and making the pages look all the same then at the top instead of tabs use the Navigation Bar module to add links to each page. This should prevent any conflicts with the javascript, but also you’ll be able to link to each service directly if needed (probably something your client would want to do in the future via social media).

- AJ

Thanks for getting back to me! I’ll figure out the best way forward based on the clients design.

Just let me know what you need help with!

Hi,

Total doesn’t make any edits or add any code to the backend view of products. Also it doesn’t happen when I check and no one else has reported the issue. So I don’t believe it would be a theme related problem.

Does it happen every time you try to reach a product and also does it happen if you switch themes? Additionally do you see any errors in your server’s error log?

One thing I do want to mention is that hosting support staff usually are trained on how to upsell and not so much on actually troubleshooting issues – so before you do anything like that lets figure out what is actually going on. You can submit a private ticket if you want me to log in also to see (WP and FTP logins please).

Where is your site hosted?

Also increasing the timeout is not a good idea. The backend shouldn’t load anywhere near 2 minutes. When testing my total live demos opening a product takes anywhere from 1-3 seconds. You should see something similar if your hosting is decent or maybe 3-10 seconds if you have really crappy hosting.

Oh ya, and do you have any 3rd party WooCommerce plugins active?

- AJ

I narrowed down the issue to Yoast – big difference in admin speed when its deactivated. I like the plugin honestly so it is worth searching for a solution to have it active and speed it up. Any hints would be appreciated…

I have never noticed any slowness when using Yoast SEO. All my sites use it and run very fast. It’s possible there may be a function that’s trying to run on your site but it’s failing so keeps trying over and over but I don’t know of any in Yoast that would do that.

Is the plugin up to date?

Do you have any errors in your server’s error logs that could help track things down?

- AJ

Hi AJ, Thanks for your quick response. 1) On this page for example, http://www.mcsilver.net/portfolio/editor On the portfolio grid “hover” of the excerpt: I want to add line breaks in specific places. I want to adjust the title size (and caps) separate from the excerpt. 2) The lightbox only shows a part of excerpt. How do I adjust the length? Is there a way to have a bigger text box that can show more of the excerpt? It might have to be lower to not go over the player controls or the video. And this might be asking too much, but I’d love for there to be a way to click through from the lightbox to a static (standard) portfolio page. 3) Thanks for those details. Yeah, miss the excerpt, AND I miss not having gallery on the rest of the videos (only one portfolio item is a slideshow). 4) Easy way to to do autoplay on the videos in the lightbox? Thanks for your help and advice! -j

P.S. And just to confirm, the video embed codes don’t work with the lightbox, right?

Hi,

1. Because of how auto generated excerpts work if you want truly custom excerpts the best way is using the excerpt field in WordPress – https://cl.ly/qRaz – this way you can use html and add any sort of custom line breaks you need separate from the post itself.

Altering the title size is very easy with some CSS, example:

body .overlay-title-excerpt-hover .overlay-title { font-size: 21px; }

2. The excerpt length on the Lightbox is going to be the same as on the hover, Personally I would only choose one or the other to prevent duplicate content issues on the site (SEO) but also as it wouldn’t be needed on both. To control the length you can enable the excerpt change the length and then disable it – https://cl.ly/qSeC – the theme uses that same excerpt length to control the excerpt if disabled under the image as on the lightbox and hover.

3. The text box will expand if you have more text automatically. To move the caption you could use CSS to make it static like this:

body .ilightbox-holder .ilightbox-container .ilightbox-caption {
    display: block !important;
    opacity: 1 !important;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

So it would be under the video and not on top of it.

3. Having a link to the portfolio item is going to be pretty complex. This would either require enabling the read more button on the grid and then using javascript to move it into the lightbox. Or customizing the output of the excerpt to add a link at the end of the caption (more doable).

4. Having auto play is very easy see this example snippet – https://wpexplorer-themes.com/total/snippets/add-custom-params-lightbox-videos/

5. And yes, you can not use an iFrame code for the lightbox because it’s impossible to inject it into a link.

- AJ

HI Joanna,

Make sure this setting is disabled – https://cl.ly/qLiJ – if enabled it turns the columns into a singular column on mobile so they are stacked.

- AJ

Thank you AJ

Joanna

Hi,

Here is an example of the code to use:

body .vcex-searchbar-input {
    width: 100%;
    padding-right: 80px;
}
body .vcex-searchbar-button {
    background: url('https://www.midlandsmaidens-escorts.com/wp-content/uploads/2018/03/search.png');
    right: 10px;
    background-size: 65px;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
}

And the result: https://cl.ly/qRkA

Your site is coming a long nicely!

- AJ

ps: You may have to use !important attributes if some of the attributes don’t work or remove any custom settings from the module like the widths.

Thanks AJ!

There were just a couple of !important’s needed in the code, but it’s working perfectly now!

Right, off to find a decent image search image.

Hi,

I see a javascript error coming from Stripe – https://cl.ly/qLJE – which is most likely breaking all other javascript on the site such as the loading of your post grids.

- AJ

Thanks AJ, very much appreciated!!

Hi,

This is a singular event (not sure what plugin you are using) but the following code added to your child theme should do the trick:

add_filter( 'wpex_post_layout_class', function( $class ) {
    if ( is_singular( 'ai1ec_event' ) ) {
        $class = 'right-sidebar';
    }
    return $class;
}, 20 );

If not it’s possible the way the plugin is coded is causing some issues, is this a free plugin I can download to test?

This should pull the main sidebar by default but if you wanted to create a custom sidebar for the events you can like this:

add_filter( 'wpex_register_sidebars_array', function( $sidebars ) {
    $sidebars['ai1ec_event'] = __( 'Events', 'total' );
    return $sidebars;
} );

add_filter( 'wpex_get_sidebar', function( $sidebar ) {
    if ( is_singular( 'ai1ec_event' ) ) {
        return 'ai1ec_events';
    } else {
        return $sidebar;
    }
} );

- AJ

Hi, Thank you again for your help. The first suggestion worked. FYI, the plugin is: All-in-one Event Calendar by Time.ly (paid plugin).

Great, Im glad the code works

Hi again Joanna,

The problem is because of how it must be coded it’s not possible to add custom styles to the active items inline via module settings, otherwise I would add them.

I am working though on a new Advanced Menu module that will support dropdowns, toggle style, offcanvas and full-screen styles. This will have instead of button styles different menu designs to choose from.

But also…you can always checkout a menu plugin such as this – https://codecanyon.net/item/quadmenu-responsive-wordpress-mega-menu/21315450 – for inserting truly custom menus anywhere or even along with the header builder – https://wpexplorer-themes.com/total/docs/header-builder/

- AJ

Hi there,

That’s awesome! I’m glad you like the theme and thank you for the multiple licenses, repeat customers really help keep the project going!

Regarding dropdowns, this is a bug from the last update. Thanks for the heads up!

For a quick fix you can add this CSS to your site:

body.wpex-has-vertical-header #site-header-inner {
    overflow: visible !important;
}

I will add the fix in the next update as well. Thank you so much for reporting the issue.

- AJ

Hi Joanna,

1. You wanted to remove the posts so they couldn’t be accessed remember the code I sent you? That’s why there aren’t permalinks because there isn’t any posts now if you added that code.

2. I wouldn’t recommend using the filter if you have so many items. I would recommend instead adding a sidebar to the page and in the sidebar insert a menu that goes to the different categories and have that same menu on your portfolio category archives so customers can browse easily between the categories.

3. You can’t use iFrame code for the lightbox because it’s impossible to add iFrames inside links and even if you could it wouldn’t be efficient as you would be loading each video twice (but it’s not possible period).

If you want to disable related videos on the lightbox you can use a little code for that. Example: https://wpexplorer-themes.com/total/snippets/add-custom-params-lightbox-videos/ – so to remove related it would be this:

add_filter( 'wpex_get_video_embed_url_params', function() {
    return array(
        'youtube' => array(
            'rel' => 0
        ),
    );
} );

- AJ

Thanks AJ.

Yes I recall the hidden posts I asked for. No problem with that as I was just wondering where it went.

I will look into creating a sidebar for the tutorials page as well, and see how that goes.

Thank you for the code for the YT videos.

Joanna

Hi,

There aren’t any known bugs with this and the links are working just fine when I test – https://cl.ly/qMPr

That said there is a javascript error on your site which you should fix – https://cl.ly/qLkM – as it could be breaking other javascript functions.

For any future support please purchase your own license of the theme or log into the original account used to make the purchase since it does take time and resources to help out customers support is for valid users only, thanks

- AJ

Heyas,

first of all thank you for your reply, even though it isn’t really helpful as I said the problem occurs on iOS-devices, not a desktop computer nor a notebook.

Considering the javascript-error, I duplicated the site on a staging domain with nothing else but the theme and the slider revolution-plugin activated and the slider links still aren’t working for Apple’s mobile devices when your theme is activated, using a blank theme the slider works perfectly fine, so in conclusion there seems to be an incompatibility between Total theme and Slider Revolution. You can find the staging version at https://factoringanbieter.dev1-cyberdog.de and this time please check the site with an iOS-device instead of a computer.

Hi,

I had previously tested it on my iPhone and iPad in my initial reply and just tested again and it’s still working for me. I sent you a video testing in Chrome, so I do why you would think that, sorry for not being clearer.

If you simply tap on the picture it won’t open but if you actually click it (hold your finger down) it should open, can you verify?

The theme does have some built-in code to make sure tap events don’t run on clicks to provide support for CSS3 overlay hovers and I think that may be what’s causing the issue.

If you want the links to open on tap instead of click I believe changing your link to a jQuery link should fix that – https://layerslider.kreaturamedia.com/sliders/ – can you test?

- AJ

ps: I’ll add a filter to disable the script I mentioned above that you can set via a child theme for better testing purposes and if you want it removed.

Hi,

The space is actually after each column which is used primarily to prevent your content from touching on mobile devices when the columns stack. See here: https://wpexplorer-themes.com/total/docs/visual-composer-spacing/

I wouldn’t recommend removing it globally for these reasons but instead reset it as/when needed.

- AJ

Thank you so much!