Unfortunately you can’t easily make a whole column clickable because in order for elements to be clickable you need the link surrounding the whole element but you can’t add an element around the column like this because it would break the layout (it’s also not a function available in the builder).

But…you can insert content to the column to make it clickable such as an image, icon box, etc. Do you have an example of what you want to do so I can explain how that could be done?

- AJ

Here’s a screenshot of a test page. I’d like the image and text columns to be equal height (independent of how much text will be added) and I’d like the image and text columns to be full-width on tablet and mobile, so it seemed easiest to add the images as background images, so they adjust with the text column (if I tick the box keep columns equal height). If I could now click on each image to see the whole image or a video of the horse in a lightbox that would be amazing! Any suggestions? I could add a button, but that kind of ruins the images a bit…

Have you tried out the Feature Box module? It has an option to set equal height for the image and content – https://cl.ly/nVEH – and when you add a link it will be added to the image as well.

Personally though, if you are going to be adding a lot of these horses it may be a good idea to create a new custom post type for horses so they are easier to manage – https://wpexplorer-themes.com/total/docs/adding-custom-post-types/ – and if needed you can have extra details added onto a post for that specific horse.

- AJ

Hi. The Feature Box module is a good idea. Cool. Thanks. Just what I needed . It’s just a few horses and the description text will just vary by a few lines (so no custom post type needed for now). The pictures will be uploaded as portrait format, but I’d like to display them as squares. So, in the feature box module I set the image size to 350×350px and put full-width for mobile. That looks good. Only if the screen gets too big the image doesn’t cover the widths of the column anymore (obviously ;)). Is there a way, I can make the image always cover its half of the feature box (like the background image would do)? Cheers

Hi,

I can confirm that the Customizer should be working 100% on the latest version of WP I’ve tested locally and on my live sites as well as multiple customer sites.

The last WordPress update was security fixes unrelated to the Customizer, so it wouldn’t break the Customizer. Unless you updated from a very old version of WordPress but your server’s PHP version is outdated, your theme is outdated or you need to clear your browser cache.

First I would recommend you clear your site/browser cache in case it’s a caching issue.

If that doesn’t fix the issue there are some other great troubleshooting tips here – https://wpexplorer-themes.com/total/docs/troubleshooting-customizer/

Let me know if you aren’t able to solve the problem so I can further assist.

- AJ

All trouble shooting has been done and checked. Still not working. This was reported once before.

The thing that fixed it the last time was an update by total theme and we could not fix it. There was a patch put out to fix.

Word press did an update recently and the customizer stopped working

Hi,

- Do you see any errors in the browser console?
- What version of PHP is your server using and what is your memory limit to PHP set at?
- Disabling plugins didn’t fix the issue?

The recent update to WordPress should not have broken the customizer, it was only security fixes ( you can see from the changelog nothing would affect the customizer – https://codex.wordpress.org/Version_4.8.3#List_of_Files_Revised ).

Here is a video using the latest version of the theme and WordPress showing the customizer working correctly: https://cl.ly/nRv9

So the issue is only on your server which is why I need more information in order to assist you.

I do see you submitted a ticket in January with the issue but you never replied back to our support staff so we could never assist you because you didn’t reply back with the site logins for us to check – https://cl.ly/nRxC

- AJ

ps: I know you are using WP-Super-Cache on your website so when you disable plugins to test you need to make sure WP-Super-Cache is completely disabled because it can still be loading plugin files even if they are disabled due to the caching.

- Aj

• No idea how to see errors in a browser console. - What version of WordPress and the theme are you using?
• Using the most recent Wordpress, and Total Theme. - What version of PHP is your server using and what is your memory limit to PHP set at? *NO idea how to find out what PHP my server is using, and no idea what memory limit to PHP is set at. - Disabling plugins didn’t fix the issue?

• No, disabling plugins didn’t fix this issue.

WP Super cache was disabled. And I don’t remember where I saw this, but this is what I found: The system’s default version of PHP is 5.4 You’re currently configured to use PHP 5.6 Selecting “PHP Stable” will set the handler to latest stable PHP version available in our servers. This version may change in the future. Use with caution Selecting “PHP Edge” will set the handler to latest PHP version available in our servers. This version may change in the future. Use with caution

Hi Rob,

This is AJ the theme developer.

• Generally speaking visitors can’t “change” the appearance of a website, there are browser apps and computer programs to change your monitor’s contrast though. But when it comes to the default site contrast that’s mostly up to you and the colors you choose for your site via the Customizer settings and site modules.

So when you are changing the site colors via the Customizer or inserting page builder blocks just be sure to use well contrasted colors. For example, don’t make your header dark gray and then your menu links black.

There are online sites you can use to check your site for contrast if that is a concern so you can tweak things accordingly.

• There isn’t any documentation regarding accessibility. The theme does have an option in the main theme panel to enable aria landmarks (which is disabled by default because they cause error notices in the W3C checker) but that’s about it in terms of what you need to know from the theme’s perspective. The theme does add screen reader text where needed, it includes the tab to content, etc…But most accessibility concerns relate to how you add content to your site (links, images, text, captions, etc).

I’ve actually been working with the University of Hawaii to make sure Total is accessable and have many improvements in past updates and I’m sure there will be more to come. If you run into any issue just let me know so I can update the theme accordingly. But like I said, most accessibility concerns come down to the way in which you setup your site and add your content.

- AJ

This is the preloading image. You have the following CSS on your site:

.wpex-slider-media img {
    max-width: 500px;
}

You need to apply it to the preloader as well:

.wpex-slider-preloaderimg {
    max-width: 500px;
}

Or simply use display: none; to hide the preloader image which may not be ideal for your specific custom layout.

- AJ

Hi there,

I am doing well, thank you for asking! I hope you are also.

This error normally happens when doing a direct SQL query using $wpdb->prepare. Total doesn’t have any of these so most likely the issue is coming from a plugin have you tried disabling plugins 1 by 1 to test?

- AJ

Hi David,

If you want to add custom widgets to the bottom of the page I’m not sure why you are overriding the entire footer, why not just insert a row with the Visual Composer and some columns to basically create a footer since it’s on one page only?

Can you share the custom code you are trying to use so I can see exactly what you are doing? Please paste it here – https://gist.github.com/ – and send the link.

You can share screenshots with any number of online image sharing services (do a little search) or you can upload the screenshot to your WordPress site and send the link.

When adding custom widgets keep the names short. For example if it’s for a single page just call it “Homepage Footer” or something like that, sounds like maybe you added a very long name for it causing the ID to not display in a single line. But that still shouldn’t break the delete option – https://cl.ly/nOxm

Alternatively you can submit a private ticket – https://wpexplorer-themes.com/support/

- AJ

Thanks AJ Have sorted the problem re display. It was the browser (Firefox). Firefox displays the widget admin page over 4 columns rather than 2 in IE so boxes were narrower presumably causing the problem. Have experimented with Visual Composer (I didn’t realise it did widgets – sorry) but it messes up the content on that page which is almost entirely made up of tabbed content constructed using shortcodes and content from ACF. It has to be full page width and so I am trying to move the normal side menus to the footer position on that page. Am now realising? that your code replaces existing widgets, not really what I am trying to do. Can I use a conditional plus your code and get my custom widget menus along the footer area that way? Thanks for any further hint you are willing to give. All the best, David

Hi David,

I’ll have a look and see if I can recreate the display issue, thanks for the heads up

Any chance you can share the URL so I can see exactly what you want to do? I am a bit confused as to what you are doing and want to provide you with the best course of action.

It sounds like maybe you have footer widgets across your site but you want to change them only on 1 page? Is that so? And is it all the widgets?

There are some plugins out there for conditional widget logic that you can use to add them to the footer and show/hide them based on your needs such as this one – https://wordpress.org/plugins/widget-logic/

- AJ

Hi AJ Tried harder this morning with Visual Composer and managed to analyse the problem. The main issue, as I thought, was that the page is a single template file where all data – apart from one strapline of text – was collected from the data base and displayed via straight php and shortcodes. VC seems to put its shortcodes into the text box which in this case completely messes up the page layout. The solution was to input that text via ACF which then allowed VC to do its stuff at the bottom of the page without messing up the page order. In short – you were correct as usual!. Just a wee bit of styling left to do. Thanks. Can I throw an extra at you. We are using the top bar with 2x page links at LHS, plus 2x social media on RHS. We were hoping that we could then keep this as a single row all the way from PC down to mobile portrait. There is plenty space for this, but it wraps (unneccessarily) onto two lines at 768px approx. Is there a way of stopping this?? Promise not to laugh at the meagre progress, but if you wish to view https://www.themorayway.org.uk/festival/ (Almost all work has being trying to get woocommerce to behave for our needs. Pages next!) Thanks as ever for your inspiration and patience. David

Hi David,

Yes the topbar content will go from 2 columns to 1 column on mobile. Unfortunately the theme can’t know if everything fits so it must do it automatically for everyone.

But, you can use some CSS to keep it in 1 line (i can help with that if needed) but honestly since you have so little content in the topbar and it’s not super “crucial” for your website niche, I would recommend disabling the topbar and placing the about/content link the menu and the social at the top of your sidebar or in the footer (footer is very popular). This way you don’t take up so much space at the top and the logo/menu is more prominent.

I know you are just starting the site so here is a little inspiration I just cooked up using inline CSS in the browser on your site – https://cl.ly/nQZ9 – if you can make a black circle logo instead of the white one and have some sort of background on the header I think it could look pretty good (maybe even use a green or brown menu background which is are more “outdoor” colors then the purple you have). This is a very basic mockup but just some food for thought

Lots of good outdoor free photos here – https://unsplash.com/

- AJ

Morning AJ You are rather amazing in a very kind way. Re – topbar, we rather liked the way that links there stay visible/prominent at all screen sizes so IF the CSS code is fairly simple could you point me please. I can’t see how you do the break. Have also just spotted something a bit odd. On the non woocommerce pages, if you click the shop basket, the dropdown stops at the bottom of the header, it doesn’t go down into the main content space. https://www.themorayway.org.uk/festival/ Same in Firefox and IE. Any idea. (One solution is just to remove it from those pages) Re – your styling advice – ‘just cooked up’ ‘in my browser’ How do you do that I hear your point re sidebar and like the visual impact of your suggestion. An additional logo design for the website would be needed. Have forwarded your suggestion to our design person. As you imply things are still rather fluid and your volunteered help is VERY much appreciated. Grateful thanks as ever, David

Hi David,

The CSS would look something like this:

@media only screen and (max-width: 767px) {
    body #top-bar #top-bar-content,
    body #top-bar .top-bar-menu {
        float: left;
        text-align: left;
    }
    body #top-bar-social.top-bar-right {
        position: absolute;
        right: 0;
        top: 50%;
        height: 26px;
        line-height: 26px;
        margin-top: -13px;
    }
}

I’ll look into adding an option to prevent the break in the Customizer

The cart should work on all pages. You can try it out here – http://totaltheme.wpengine.com/base/shop/ – the code used for the function runs exactly the same no matter the page. More likely there is an issue with the setup or a 3rd party plugin on the site is breaking the cart fragments. Can you try disabling plugins to check? Also you can try going to WooCommerce > Status > Tools and clicking the buttons to clear things and see if it fixes the issue.

- AJ

Hi AJ Thanks for the CSS. Pity about the cart, looks like I’ve broken something. WooCommerce status – new to me – but no joy. Looks like a long session of detective work – no idea when it happened, but looks like it needs fixing. Thanks again for your design prompt (colour etc mostly me, I just picked out one from the Logo). The design person very much likes your idea – claims, that’s what she was going to suggest. Hope to be leaving you in peace for a good while, but major thanks again for your help. All the best, David

AJ Just in case it be of interest or help, the problem was due to me disabling wc-ajax=get_refreshed_fragments() on non-shop pages because it was causing an extra 5 to 15 second load time. Heh hoh. David

Oh yes, that would do it

What you can do is keep it disabled and then go to Appearance > Customize > WooCommerce and change the icon to just link to the cart without the dropdown – https://wpexplorer-themes.com/total/docs/remove-edit-woocommerce-menu-icon/

That’s really insane though… get_refreshed_fragments shouldn’t cause so much loading time, have a look on my server for example: https://cl.ly/nUUO (it only takes 81ms)

That could just be a server related issue or 3rd party WooCommerce addon issue.

- AJ

Morning AJ Just updated the theme. Display on woocommerce category page has changed, first image is larger than others causing row to overspill. Have reinstalled older version on localhost and it reverts to normal. Example here https://www.themorayway.org.uk/festival/events/uplands/ All the best David

Hi David,

This is a known bug and has already been fixed – https://wpexplorer-themes.com/total/upcoming-update-changelog/ – I will update the theme shortly so make sure to enter your license code so you get notified of the auto update Updates will be much quicker now because I can send them out via my system without waiting for the Envato queue!

If you see anything else, please let me know so I can include it in the patch. Thank you and sorry for the troubles.

- AJ

Hi AJ For me neither changing priority nor using the new snippet is correcting the ‘oversized’ 1st image on the 1st row. Don’t know if I am misunderstanding your instructions, or if there is still a bug with my customisation. All the best, David

Hi David,

I don’t know what “instructions” you are referring to since I didn’t send any instructions in my last reply…

If you want to know the fix for this issue, you have to edit the file at Total/framework/3rd-party/woocommerce/woocommerce-config.php and change the priority from 1 to 40 on line 130 for the ‘post_class’ filter.

Or you can open that ticket so I can send you the file. If you already opened a ticket, I’ll be going through my pending tickets in a few minutes

I didn’t get the update out yesterday because there are a couple other small tweaks I need to make but will be out for sure today.

- AJ

Hi Really sorry to have wasted your time. I followed the link to forthcoming updates, misunderstood what one of them was saying, and . . . Was trying to be helpful, but . . David

No worries at all! I’m always happy to reply and I do appreciate your comments, you’ve been a great help in the past reporting bugs!

By the way I know you used this snippet before – https://wpexplorer-themes.com/total/snippets/change-woocommerce-columns-custom-columns-mobile/ – be sure to update it on your site because otherwise it won’t work in the upcoming update. As result to the fix for the first item in the shop grid this snippet had to be modified a bit.

- AJ

Hi AJ This is a styling (not theme) issue so feel free to bounce it back. I am trying to restyle the header imspired by your previous reply and have hit a wall. I have tried examining the appropriate elements but have made little progress. I was wanting to explore the idea of having a background image behind the page title to ‘expand’ the image without taking up screen space. You will get the idea by looking at https://www.themorayway.org.uk/festival/ By problem is my attempt to style the background image created a large black background and destroyed the text styling for the title. The CSS applied is body .page-header.background-image-page-header { width: 100%; height: auto; background-repeat: no-repeat; background-size: contain; }

.page-header-table.clr { width: 100%; height:auto; }

.page-header-title.wpex-clr { width: 100%; height:auto; } It is a big ask but if you could provide a bit of a pointer I would be extremely grateful. Yours in hope, David

Hi,

There isn’t a built-in option because of how the longer is centered it makes it very hard to provide a built-in setting that will work for everyone’s logo + menu combo. But very easy with some CSS.

Here is the code I would recommend for your site:

.navbar-style-five .dropdown-menu>li>a {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-style-five .dropdown-menu>li.menu-item-logo {
    padding-left: 35px;
    padding-right: 35px;
}

But…for your site I think it could look nice to use header style three which has the menu under the logo then make the logo a bit bigger by editing the height value in the customizer and then adding some color to the top bar and menu via the Customizer (and some css for the social links) to match your logo, something like this: https://cl.ly/nPg2 – just an idea, I take no offense if you hate it

- AJ

AJ,

I love that idea! Thank you so much for sharing your insight. I’ll give this a try.

Thanks again!

No problem, if you have any issues or follow up questions let me know.

Happy Halloween!

- AJ