We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Modify Calendar width in drupal 6

ritelo
ritelo asked
on
Medium Priority
814 Views
Last Modified: 2012-05-11
Hi All,
I created a calendar for my drupal 6 website and it is spiling over the site content. The screenshot is attached. I think this can be fixed with CSS, but don't know exactly where to modify it.  I have been trying some stuff but nothing is changing. Can someone help fix it please?? The file The file
Comment
Watch Question

Top Expert 2011

Commented:
Is a link possible? Or maybe the code from the parsec HTML page?

Author

Commented:
Here you go... code.txt

Author

Commented:
But I think that it should be done in the Calendar module... I might be wrong...
Top Expert 2011

Commented:
i would try adjusting the table.full selector.

Maybe first try something like:

table.full {
  width: 500px !important;
}

Open in new window


If this doesn't work, maybe you could post your css too so I could give it a once over.

Author

Commented:
Here is the CSS. The above solution doesn't seem to work. calendar.css
Top Expert 2011

Commented:
If there is anyway to view this live, it would make this a lot faster.

However, try the following, just to see if it changes the width. I would do one at a time.

.calendar-calendar {
  width: 300px !important;
}

Open in new window


.calendar-calendar .month-view {
  width: 300px !important;
}

Open in new window

.calendar-calendar .month-view table {
  width: 300px !important;
}

Open in new window


Try each of those and let me know how it turns out. Again, I would try one at a time.

Author

Commented:
I did both, but nothing is woking, unless I don't know how to reload a module.  ...Thanks
Top Expert 2011

Commented:
What is the module you are using called?

Author

Commented:
The module name is Calendar.
Top Expert 2011

Commented:
I am looking for a version that is live so i can try some live editing. Let me know if you have seen it in use elsewhere.

Author

Commented:
OK. It is with drupal 6... If I find a live version i will let you know.
Top Expert 2011

Commented:
Found one.

This might work. The selector is a little different than the one I found.

view view-calendar view-id-calendar view-display-id-calendar_1 view-dom-id-1 {
 width: 300px !important;
}

Open in new window


Alternatively, you could wrap it in another div. I am not a drupal guy, but you could simply wrap your module in a div that you define.

#calendarwrap {
  width: 300px;
  height: auto;
  float: left;
}

Open in new window


Then drop your module inside of the wrap.

but try the first one first.

Author

Commented:
Do you want me to copy the code and paste it in my CSS?
Top Expert 2011

Commented:
That first one, yes.

Author

Commented:
I added that code, uninstalled the module, re-installed it again but still not working...
Top Expert 2011

Commented:
Sorry. This is tough working off of parsed code because it is possible I am missing something.

The code I gave you I edited on this site, and it worked:

http://demo.websitebeta.net/calendar

However, I don't think that I will be able to help further without a live version of the site.

Sorry.

Author

Commented:
Thanks...
CERTIFIED EXPERT
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.