0
Welcome Guest! Login
0 items Join Now

Fix Module Size

  • Fix Module Size

    Posted 14 years 6 months ago
    • Hi - can somebody please tell is it possible to fix the size of a custom HTML module?
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Fix Module Size

    Posted 14 years 6 months ago
    • What is inside it? Can you provide a link to the page with the custom_html module
    • Kiss my RSS
  • Re: Fix Module Size

    Posted 14 years 6 months ago
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Fix Module Size

    Posted 14 years 6 months ago
    • add
      .mod_placehere {min-height: 200px;}

      to your template.css

      8)
    • The following users have thanked you: Tony Broodryk

    • Kiss my RSS
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Fix Module Size

    Posted 14 years 6 months ago
    • Just as an idea...
      K2 extension would be great on that page, you could have a detailed description and images of upcoming events, and have an events calendar that highlites dates with events and links to the events details.
      Its very easy to do with K2 and K2 tools
      See this example (the calendar shows today and an event on the 13th of oct)
      72.29.71.247/~suag/index.php?option=com_...ut=category&Itemid=2

      Also... Their is a great Google Maps extension which could be used on the "how to find us" page.
      It even allows a google map with directions!
      see this demo:
      72.29.71.247/~suag/index.php?option=com_...cotch-piper&Itemid=2
      Ive used it HERE
    • Kiss my RSS
  • Re: Fix Module Size

    Posted 14 years 6 months ago
    • thanks for your help Adamck appreciate it.

      if i use the code .mod_placehere {min-height: 200px;}

      will that then apply to all my custom html mods or just those specific?
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Fix Module Size

    Posted 14 years 6 months ago
    • wherever you have the mod_placehere class.
      Its based on min-height not fixed height so if the module is taller then it wont be effected.
      It will just make any modules that have a mod_placehere class a minimum of 200px height.

      Try adding it to your css, see if it changes anything else, if it does then just remove it from your template.css again and it will all go back to as it is now.
      At a quick glance, all of your other modules look greater than 200px in height anyway :)
      Ad.
    • Kiss my RSS
    • Adamck's Avatar
    • Adamck
    • Elite Rocketeer
    • Posts: 546
    • Thanks: 2
    • Web Developer, IT Assistant, Graphics design, App Developer

    Re: Fix Module Size

    Posted 14 years 6 months ago
    • If you struggle at all with your CSS then i would reccomend FIREBUG for FireFox.
      It allows you to test/view/edit CSS out on your site without actually applying it :D
      Thats how i tested the above css on your website well worth a download.
      Also handy for inspecting how others have created css effects etc...

      just install it into firefox and right click an item and select "Inspect Element" then you can edit the css and test code out.
    • Kiss my RSS

Time to create page: 0.070 seconds