Updating Colourshift2 template but it seems to not be compiling correctly?

scarney

I upgraded my Colourshift2 template, Zen Grid Framework, JB Zen Menu Plugin, JB Zen Shortcodes plugin and JB Zentools2 Module to the latest and it seemed like everything was fine but this morning my template seems to have lost many of it's customized settings.

I have a backup copy of my site from before I did the updates but am not willing to recover to the old site because I have new users and new posts added to the forum, etc.. since then.

However, I have been looking at the template settings on the replicated site and comparing them to the settings on the live site (which has all the updates) and as far as I can tell the settings are exactly the same.

So, I am wondering if there is a better way to compile the template. It seems like I have lost all the template settings as well as the custom.css changes.

I have saved the template multiple times and also clicked on Compile CSS to Less button mulitiple times. Is there something else that I should be doing?

The test site where I have the copy that I made of the site before doing the updates is located at http://drcarney.cloudaccess.host/

The joomla login information will be the same as for this ticket. I will add the FTP info above in the private data fields.

Thanks, Sean

scarney

I may have to eat my words. Although not all of them. But most of them. I just removed the cache from my local copy of Chrome and now most of the template settings are displaying properly. That is extremely good news.

I only have a couple odd holdouts now which is that for some reason the menu items are not spreading to the full width of the template. I will try to play with those settings in hopes I can make something work. I also noticed that all the fonts are changed for the titles.

To see this you can look at the live site at https://www.drcarney.com/
and compare it to the site at http://drcarney.cloudaccess.host

The only difference I am seeing now is that the menu is not wide enough.

Sean

Joshua-M

Hi,

Try to add the following custom css code, to make your menu wider:

#menu.zen-menu.zen-menu-horizontal {
width: 100%;
}

Cheers
Joshua

paulus1031

Hi Sean,

This template the menu works a bit differently - so for it display full width it needs to be centered aligned rather than left like you had to

I've changed it to centered so it now displays full width

Cheers
Paul

scarney

That fixes my major issue. Thank you so much. I guess that setting got changed somehow when I updated the template.

I do believe there is still one more little issue which is that the selected fonts do not seem to be displaying any more.

If you look at the copy of the site before the update and look at the modules on the home page and see their titles you will see they are very different from what is displaying now on the actual site.

Prior to updates: http://drc.cloudaccess.host/

After updates: https://www.drcarney.com

Do you think this is a setting somewhere that also needs to be reset? The titles are all UPPER CASE after the updates. They were not before. Might that be a good hint?

Thanks, Sean

paulus1031

Hi Sean,

Looks like a minor change in the code as we had lots of problems with colourshift2 - not exactly sure when this change may have occurred - might well have been pre joomlart

There isn't a setting to change for this - it would be a case of adding custom css or custom less - I can help with this if you need assistance

Is that the only font glitch?

Cheers
Paul

scarney

Paul,

I think the easiest thing for me will be to put something in my custom.css file.

I don't actually know how to put custom less in place. Would that be a more efficient option?

I would like some help on this.

Thank you, Sean

Joshua-M

Hi Sean,

If you want to remove uppercase module titles, try to add the following custom css code:

.moduletable h3 {
    text-transform: none;
}

Cheers
Joshua

scarney

Thanks Joshua,

I tried it but it is not working that I can see. Thank you for that code though. What I am trying to do is remove the all caps from the module titles on the home page and elsewhere.

aman204

scarney Hi,

The css code suggested by Joshua will work fine for almost all the module titles. You may try add !important like this :

.moduletable h3 {text-transform: none !important;}

Kindly clear your browser cache if changes dont reflect

If still unable to see the module titles not reflecting on any of module as envisaged, Kindly provide screenshot of the specific module along with direct site link in order to take closer look

scarney

Thank you Aman,

I am afraid maybe I am not being clear enough. I will attach an image. I did just now check with Google Developer and it seems the common denominator for all these module titles is the following:

.zen-module-title

I have found that inside of the following modules all on the home page at https://www.drcarney.com

.zen-module-title span
.zen-module-title .zen-icon
.moduletable.zen-bg .zen-module-title span, .moduletable.zen-bg 
.moduletable.zen-legacy .zen-module-title span {

I also see that the Titles of the blogs are also all caps. So, it is the Module titles and the Blog titles I was wanting to change. But... It may be more trouble than it is worth. Although this was working before I upgraded the Colourshift2 template.

I have attached a picture.

Also, since you have seen the code you present to me make a change somewhere and I have not found out where that is. Would you be willing to give me a url and a screenshot of what your .moduletable css changed?

Thank you, Sean

Joshua-M

Hi Sean,

I still can't see mentioned code on your website.. did you add it into your custom.css file? With the code your titles should look like on the screenshot below:
https://prnt.sc/jxsk1i

Cheers
Joshua

scarney

Hello Joshua,

That screen shot is EXACTLY what I am wanting to see.

I am editing the custom.css file located in /templates/buildr/css

This is what I have added to the bottom of the custom.css file:

/* Remove ALL CAPS from Module Titles */
.moduletable h3 {text-transform: none !important;}

The web site is located at https://www.drcarney.com

Is this the site you are also looking at?

Thanks, Sean

scarney

OK. What you gave me is obviously working. I just viewed the page in Internet Explorer after turning off the Joomla caches (server and client) and turning off my CDN plugin and purging all files from the CDN. I also then cleared the cache on my Google Chrome browser and closed all Chrome windows.

And... sigh of relief. It is looking much better. I am very happy with this.

Sean

paulus1031

thanks for the update 🙂

paulus1031

I'll mark this resolved