Spacing between time & date

7 years 5 months ago #833 by ponyack
Spacing between time & date was created by ponyack
Hi,

I have trying to create an even spacing between the time and date - I have a decent understating of CSS but I having trouble getting the date (h4) & time (h4 span) updated to reflect changes I make in the CSS

Any help would be great.

John

Please Log in or Create an account to join the conversation.

More
7 years 5 months ago #835 by sysgenmedia
Replied by sysgenmedia on topic Spacing between time & date
can you send a link to your site so i can see more clearly what you are trying to do?

Thanks,
Jared

Please Log in or Create an account to join the conversation.

More
7 years 5 months ago #906 by ponyack
Replied by ponyack on topic Spacing between time & date
Hi Jared,

Sorry for the delay, here is the link for the site::

johnvonvincent.com

Just want to be able to control the space between the title, date & time

Thanks,

John

Please Log in or Create an account to join the conversation.

More
7 years 5 months ago - 7 years 5 months ago #908 by sysgenmedia
Replied by sysgenmedia on topic Spacing between time & date
Hi John,

First of all, Beautiful site! Can we use it in our Showcase?

You can add the CSS anywhere, or most easily in the Style sheet for your image calendar which is at: /components/com_imagecalendar/assets/default.css

You'll want to edit the line that starts with:
.mod_imagecalendar_list .ic_listitem h4 span

and add the following (adjust margin to your liking): display:block; margin-top:5px;

so that the result is:

.mod_imagecalendar_list .ic_listitem h4 span {font-size:0.9em; color:#fff; font-weight:normal; display:block; margin-top:5px; }


That should do what you're looking for...

Jared

Please Log in or Create an account to join the conversation.

More
7 years 5 months ago - 7 years 5 months ago #910 by ponyack
Replied by ponyack on topic Spacing between time & date
Hi Jared,

Thanks for the compliment. The URL you are seeing is for the development. I am working with the client as we speak. Once we have the site up and running I will send a link for the live site that you can use in your Showcase. Thanks!

With regard to the code, The code Worked! I was in the right place I just had the wrong code for spacing.

And thanks for the quick reply, I have been looking for an event calendar like this for a while.

John
Last edit: 7 years 5 months ago by ponyack.

Please Log in or Create an account to join the conversation.

More