daciaturner

The theme creator messaged back last night and I was finally able to resolve this issue. I added the following code into my child theme and it did the trick for this page (and this way I won’t have to worry about other pages being affected):

.page-id-133 .content .page { overflow: visible; }

Thank you!

Ah, thank you so much!!! That has been driving me crazy. I was even able to add .page-id-133 to specify this page only because I was afraid of messing up any additional pages I might add.

Thanks again!

Oh and I was able to resolve the popup being cut off at the bottom but the right sidebar is still cutting off event popups on Saturday.

Here’s a link (see February 22)

https://our-favorite-song.com/calendar/?month=feb&yr=2014

Thanks again!

How do I know which overflow setting my theme to override? There are several ‘overflow: hidden’ sections in the CSS for my theme and I don’t want to risk messing up other pages. Is there a CSS code I can add directly in the plugin to make this override? Maybe using !important?

Thank you again for your help!

It seems the best option would be to center the popup regardless of which day. This would prevent it from being hidden. I was able to center the main div but I can’t seem to get the event title and line break to match. Is this something you could help with?

Thank you again.

That worked perfectly! This along with the ability to alter the colors based on content left/right with 2 or 3 columns gives me tons of flexibility in changing up the colors. I very much appreciate your time!!!

I guess I need to study more about coding before I’ll be able to do this. What I wanted to do was create multiple custom sidebars where each one is always a specific color so that I can pick which one(s) I want displayed on any page or blog post (so in essence allowing me to mix and match colors). I thought .s1 was the sidebar ID. Thank you again for your time.

Thanks so much for your speedy reply.

I tried the above change but it still didn’t work. Here’s the code I included:

.sidebar-greenprimary .sidebar-top,
.sidebar-greenprimary .sidebar-toggle { background: #FF33CC; }

Here is the blog page with the custom sidebar. It’s the only one with the calendar in it:

https://our-favorite-song.com/2014/02/12/one-day-free-pass/

I expected the color to be hot pink but it is still the color of my primary sidebar from the home page. The ID of this sidebar is sidebar-greenprimary in the Theme Options section so I thought that is what I should use.

Did I do something wrong in the above code?

Thank you again for your help!