How do I make a module a little wider?

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 1:31 am

I need to make a header module a little wider so I can add another button on it. I already have a logo, a menu, and an existing button. things start to wrap when I add this new item to the end. Any easy way to do this? thanks!

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2565
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: How do I make a module a little wider?

Post by AlexVega » Fri Dec 04, 2015 2:15 am

Hi there!

Most commonly this depends on your main container width, or
your position width, you can use a tool like Firebug or similar for
inspect the source code in your browser.

A tool like this will give you information about the selectors and
the path where they are located, the line number and the name of
the file that contains this selectors.

Once you have this you can add or change the values.

Can you show us the URL of your project?, This with the purpose
of being able to give you a little more help.

Cheers!

Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

Re: How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 2:37 am

Hi, thanks for your reply, here is the url: www.bluerockenergygroup.net

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2565
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: How do I make a module a little wider?

Post by AlexVega » Fri Dec 04, 2015 2:58 am

Hi there!

Maybe the most simple solution is change the value
for the columns, now you have 4-4-4 change them
to 4-5-3.

Cheers!
You do not have the required permissions to view the files attached to this post.

Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

Re: How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 3:10 am

When I try that, it makes the two buttons stack. I also tried 3-5-4 but that cuts of the logo. That's why I thought the only solution was to make the whole thing a little wider.

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2565
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: How do I make a module a little wider?

Post by AlexVega » Fri Dec 04, 2015 3:17 am

Hi,

Also you can increase the container width of the header
section, using a selector like #header.container { }

Or adjust the size of the elements in the columns 1 and 3.

Cheers!
Last edited by AlexVega on Fri Dec 04, 2015 3:21 am, edited 1 time in total.

Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

Re: How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 3:20 am

can you give me more details on how exactly to do that? thanks!

Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

Re: How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 3:25 am

I tried adjusting the size of 3 and it didn't seem to help but increasing the container width of the header
section, using a selector like #header.container { }, seems like the best solution. Im just not sure of the exact way of doing that.

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2565
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: How do I make a module a little wider?

Post by AlexVega » Fri Dec 04, 2015 3:52 am

Hi,

It seems that you have the css class for the container in the
head section of your site, max-width: 1000px

Code: Select all

/* You can add below the new class, for example: */
#header .container { max-width: 1200px }
Or add the class in your style.css at the bottom.

Cheers!

Eddie9999
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Sun Nov 29, 2015 8:36 pm

Re: How do I make a module a little wider?

Post by Eddie9999 » Fri Dec 04, 2015 4:04 am

what file would that be in? Im looking through a number of the joomla files but im not seeing it. thanks.


Locked

Return to “Templates for Joomla! 2.5”