In over head – but encouraged not to give up.

[Dan]

2 problems

I am trying to customize my widget – Just want to follow a simple size and color scheme and that is all.

1st Problem,

I am using DIVI – and when I utilize the “Page Builder” tool and add a “Sidebar” into the page builder – it displays differently then a standard divi page (Not utilizing Page Builder)

Examples

In standard “sidebar” on page not using “page builder”
https://www.dropbox.com/s/a1k830tojmay060/Screen%20Shot%202015-06-07%20at%201.36.32%20PM.png?dl=0

In page using “Page Builder” with “sidebar” element added
https://www.dropbox.com/s/7u78tx8dyfu0zvl/Screen%20Shot%202015-06-07%20at%2012.56.21%20PM.png?dl=0

2nd Problem

I want to customize my widget to be smaller and use specific colors – i am 48 hours in to trying to do it on my own after creating appropriate folders in my theme and following the theorems guide to the best of my ability.
Trust me guys – this is a last resort as most problems in my work I figure out on my own.

I want my widget to look exactly like the on on the shindig page
http://wpshindig.com/event-widgets/

But use a different set of colors.

I appreciate all help and am resourceful so know your advice won’t be wasted.

– Dan
new events calendar user.

[Nico]

Hi Dan,

Welcome to our support forum! Thanks for choosing our product and reaching out.

Glad to help a “resourceful new events calendar user” 🙂

#1
For the page builder issue it would be great to have access to the front-end of the site, so I take a look at the code and craft a CSS fix for that. Do you think that’s possible? Do you have a test site online?

#2
To customize the colors of the mini calendar you can add the following lines to your CSS file:

.tribe-mini-calendar td.tribe-events-past {
background: blue;
/* you might whant to change opacity for this also
opacity: 1; */
}
.tribe-mini-calendar td.tribe-events-othermonth {
background: black!important;
}

.tribe-mini-calendar td.tribe-events-has-events {
background: red!important;
}
.tribe-mini-calendar td.tribe-events-present {
background: yellow;
}
.tribe-mini-calendar td.tribe-events-future {
background: green;
}


Let me about #1 and also if the code in #2 worked for you,
Have a great Monday,
Nico

[Dan]

I have a countdown on the front end displaying now – I am more than willing to give whatever access is needed to help me as I would much rather perform a fix as opposed to getting a refund.

Just let me know what I need to do to allow that.

I will try number 2 – just have to figure out where that css files lives so I can update it (I am a designer not a coder, but I have tackled things like this before with success)

Thank you for your help, you have no idea how much it means. 🙂

Dan
DnA Design Co
[email protected]

[Nico]

Hi Dan,

Thanks for the follow-up! Nice to hear you appreciate my help on this.

Regarding the access I mean a URL where I can see the site. That way I can inspect the code and see what’s happening. If you prefer you can send it via private reply. Bear in mind we are not allowed to login to your backend so please don’t send credential to do so.

The main CSS file should be located at ‘wp-content/themes/your_theme/style.css’, you can append the lines I sent at the end of that file. You can do it 😉

Happy to help,
Nico

[Dan]

okay I removed the “Coming Soon” plugin

http://www.mottfablab.com is the url

I want it to look exactly like this one
https://www.dropbox.com/s/m2r69jmx0vw0n3q/calendar.jpg?dl=0

only with my color scheme

I hope this helps, my deadline approaches. lol

[Dan]

I updated the css and now the calendar is showing the same in sidebar with page builder and sidebar standard. :):)

Now just to make it look like this one 🙂
https://www.dropbox.com/s/m2r69jmx0vw0n3q/calendar.jpg?dl=0

Only with this scheme (ffcc33 / 666666 / 000000 / ffffff / cccccc

fingers crossed

[Dan]

got my color scheme worked out with the CSS file

http://www.mottfablab.com

Just need to know how to customize it now to look like this one

http://wpshindig.com/the-events-calendar-for-wordpress/

Thank you – we are almost there and the help makes me want to recommend your company.

[Nico]

Hey Dan,

Thanks for your kind words 🙂 That’s looking great, congrats!

I’m seeing those two are looking pretty much alike. Not sure what you want to customize now, but just let me know and I’ll try to help with that also.

Best,
Nico

[Dan]

want mine to look like this one – exactly

http://wpshindig.com/the-events-calendar-for-wordpress/

[Nico]

Dan,

Take a look at your main style sheet at line 151 (located at wp-content/themes/divi/style.css) the padding there is making the widget to expand a bit. I think if you fix that they will look exactly the same.

Sorry to say that further help on this customization is out of our support scope 🙁 I’m sure you’ll understand we can’t dig into every customer site and craft customizations for them.

Good luck with that D,
Best,
Nico

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts