Some Hiccups with the Uplift Theme

[Alex.Contant]

Great theme but I have a few questions on some issues I’m having,

1. I know most colour options are universal (which is good and bad) As I need to change some colours on some widgets and not others. This is mostly for the table/toggle/tours and accordions. They are exactly what I need but i’d like to change the background colour/border colour and text colour. Is there a quick css short code I can add to the theme to make this happen? Also the tab titles are set to a default 12px size throughout the theme (which is tiny!!), can you send me the code to change that too?

2. Google maps look great! But I seem to have hit a snag with the max locations? I have set 10 and the widget works fine, but I need to add up to 20 locations and after 10 it disappears and shows an error in the code. Is there a max location set on the map? is this a theme issue or do I need to adjust my api key terms?

Hope this is clear for you! please email with feedback when you are free 🙂

[Swift Ideas – Ed]

Hi @Alex.Contant

1) Best way to make individual customisations is to make use of the “extra class” field, as this will allow you to then target individual elements under that class and customise as you like.

2) What error do you get? Check in the browser console, or your serve error logs? Let us know.

– Ed

[Alex.Contant]

Hello Ed.

Thanks for the reply,

1. As easy as that may sound, coding is not my strong suit. Would you by any chance be able to tell me the exact wording I should be using via the “extra class” section? do your theme or any other swift theme have some kind of list of easy codes or a video I could watch so i’d know where to start?

2. As soon as i have 12 elements on the map widget it has no error message via the theme, it just does not show up on the page and when I do an element inspect via chrome an error message is shown (please refer to screen shot attached).

2b. Tried using the directory map widget but nothing shows up at all either.

Hopefully you can help with either issue. If you need site access let me know 🙂

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What is the password for this:

[Alex.Contant]

This reply has been marked as private.

[David Martin – Support]

Hi,

1)

Here are the the styles for Tours, Accordions, Tabs and Tables. You can add these to Theme Options => Custom CSS.

If you want to change the color for just one widget on a single page, you can prefix each line of code with a custom class as described above or prefix each line of code with the unique page ID that is found in the body class.

Tour Widget Styles:

/* Tour Active and Hover Text Color */

.spb_tabs .nav-tabs li:hover a, 
.spb_tour .nav-tabs li:hover a, 
.spb_tabs .nav-tabs li.active a, 
.spb_tour .nav-tabs li.active a {
    color: red!important;
}

/* Tour Tab Text Color */

.spb_tabs .nav-tabs li a, 
.spb_tour .nav-tabs li a {
    color: blue;
}

/* Tour Content Text Color */

.spb_tour .tab-content>.tab-pane p {
    color: purple;
}

Tabs Widget Styles:

/* Tabs Active and Hover Text Color */

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: red!important;
}

/* Tabs Link Text Color */

.spb_tabs .nav-tabs li a, 
.spb_tour .nav-tabs li a {
    color: purple;
}

/* Tour Content Text Color */

.spb_tabs .tab-content {
    color: brown;
}

Accordion Widget Styles:

/* Tour Active and Hover Text Color */

.spb_accordion .spb_accordion_section>h4.ui-state-active a,
.spb_accordion .spb_accordion_section>h4 a:hover {
    color: blue !important;
}

/* Accordion Link Text Color */

.spb_accordion .spb_accordion_section>h4 a {
    color: blueviolet;
}

/* Accordion Link Text Color */

.spb_accordion .ui-accordion .ui-accordion-content {
    color: cadetblue;
}

Table Widget Styles:

/* Table Heading Text Color */

table.standard_minimal th {
    color: red;
}

/* Table Cell Text Color */

table.standard_minimal td {
    color: blue;
}

2)

If I duplictae the last pin on the Google map here, http://wmc.rickmclaughlin.ca/locations/ all twelve pins show.

Thanks.

[Alex.Contant]

Thanks For the codes,

I’ll try to figure them out and let you know how that goes.

2) So just to clarify when I use more then 12 pins, that’s when the widget breaks. So to your point above if you added 12+ pins does it still work for you? I just duplicated the last pins and it breaks on my end. I need to go up to 20 and even more if they expand.

Let me know :/

Thanks,
Alex

[David Martin – Support]

Hi Alex, yes I can replicate that.

Will need to report this back to the team for further investigation & update.

– David.

[Swift Ideas – Ed]

Hi Alex,

Can you please set up a test page with a map setup that triggers the error so that we can test? I have a map setup locally with 20+ map pins and no errors.

Do you have the latest theme + plugin updates with Google Maps Auth setup in Swift Framework?

– Ed

[Alex.Contant]

This reply has been marked as private.

[Swift Ideas – Ed]

Did you change the holding page password? I’m no longer able to login with that password.

Thanks,

– Ed

[Alex.Contant]

This reply has been marked as private.

[Swift Ideas – Ed]

Working now.

Please can you try replacing /js/functions.js with the files in this zip – http://swiftideas.d.pr/17aCs/3ULGQmYa

That should sort it.

– Ed