Joomla Templates Club 406,261 posts

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1051869

I have a DPCalendar module I am using to display events on my website. When I place the module in the footer position you will notice in the images everything is smaller, the text and images. When I place it in the masthead position, everything is larger, the text and images. How can I place this module in the masthead position and have the smaller text and images like it is in the footer?

Also how can I center the info that is showing in that position?

• This topic was modified 7 years, 5 months ago by  montgomeryr.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1052065

Hi,

As I can see that it’s loading the font size from its module: http://test.shoals.k12.in.us/media/mod_dpcalendar_upcoming/css/horizontal.css

.dp-module-upcoming-horizontal-calendar {
    float: left;
    font-size: 0.7em; /* change icon size */
    display: inline-block;
    position: relative;
    width: 4em;
    height: 4em;
    background-color: #fff;
    margin: 0 0.5em 0 0;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}

You can customize font size as you wish.

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1052076

It’s not just the font size that is smaller and it’s obvious from the pictures I shared that the size difference is because of the position it is placed in. In the Footer everything is much smaller. In the masthead position everything is larger which is because of your template not because of the module.

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1052525

??

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1052634

The last time, I checked the page: http://test.shoals.k12.in.us/index.php/high-school and I inspect element of that page and see as above. Did you try to inspect the same?

Seems that you removed from that page, could you enable again? and simply override the font size as you wish.

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1052783

I had to go live with my site and removed anything I was having issues with. But in my screenshots it’s obvious that the overall size of the text and images are smaller when it’s in the footer position than when it was in the masthead position.

I will get back to you on this once I get some other things taken care of first. I need to get the new block created before I can proceed with this. I have another ticket open for that issues.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1052958

Alright, get back to me when you need help on this.

[Author]

Posts