Hi Paul,

Where would I set the #bannerwrap?

I was able to install the jbtype plugin and the menu reappeared

I did have another question. When I incorporated our company logo, I noticed it resized accordingly based on screen size. However, when I incorporated the product logo in the module, it does not resize. Is there a way I can get that to resize as well? I put the product logo and the product description in the Custom output text box in the "Product" module I created.

Thanks

Anooj

Hi Anooj,

Just moved this to a new thread

Any css styling needs to be added to the custom.css file

Do you have a link for the site?

Cheers
Paul

Hi Paul,

Since I'm doing everything on my NAS, I need to set it up so you can access it. I'll reply back as soon as I'm done. Can I private message you with the information? Or do you have an email address I can send the info to? I'd like to stay away from posting it on a public space.

Thanks

Anooj

Hi Paul,

you can navigate to ims.dsmynas.com/joomla and you can see what I've put together so far.

Thanks again for all your help!

Anooj

Your image is not resized because it is actually smaller than the smallest screen size defined in the media queries that are triggered when you resize the browser window or see the website on the mobile device for example.

You could force it, resize if you add for example, this to your image tag

<img src="/joomla/images/IMS/psychnebula logo - transparent blue face.png" border="0" alt="" style="max-width: 50%;display: block; margin-left: auto; margin-right: auto;height: auto;">

Notice the following part

max-width: 50%;

It will resize image to the 50% of its size when you start resizing the window

Fantastic! Thanks Mihha. I'll give it a try.

As you can see, I have a couple of modules set up: About Us and PsychNebula. I'd like to make the background of each module a completely solid color. Paul mentioned modifying the CSS file. I don't have any experience with CSS; so would you be able to give me an example?

Thanks in advance.

Anooj

Hi Anooj,

An example might be

#bannerwrap .zen-container {background: none repeat scroll 0 0 red;}

or

#navwrap {background: blue;}

Its a case of working out the divs(areas of the site) you need to target

I'd suggest checking out tutorials on using the Chrome developer tools to troubleshoot css

Cheers
Paul

Thanks Paul. So if you click on my site, you'll see I'm a lot closer to my objective.

Using the <div> tags, I was able to figure out which section belonged to which tag.

My hurdle now is, how do I get the actual middle of the section to do the same? You can see the sides are colored perfectly; but the middle of the sections are still white. I couldn't figure out how to solve this.

Thanks for your help.

Anooj

Which areas are we looking at as it looks ok

Cheers
Paul

Yeah, it actually clicked when I looked at your code and then it made sense to me

I was wondering if you could tell me how to remove the little white bar that separates each section. You can't really see it between the blue and gray; but you can definitely see it between the blue and black. and then again at the bottom of the black section.

Almost there!

Thanks for all your help Paul

No problem

You need to zap the border by overriding it the custom.css so it would be a case of targeting the wraps again together with the container e.g.

#grid2wrap .zen-container, #grid3wrap .zen-container {
border-bottom: none;
}

Cheers
Paul

Worked like a charm.

I need to change the colors of the headers (i.e. About Us, PsychNebula, Contact Us), so I tried to do it with Contact Us (changing it to white) by putting this in the custom.css file:

#grid3 .zen-module-title {color: #FFFFFF;}

was that not correct? It didn't change.

Thanks

Anooj

Nevermind

I did more poking around in Chrome developer and saw I needed to do this:

#grid3wrap h1,
#grid3wrap h2,
#grid3wrap h3,
#grid3wrap h4,
#grid3wrap h5,
#grid3wrap h6 {color: #FFFFFF;}

Starting to understand it a little

Great! Good luck with the site

Hi guys,

Last question. I'm trying to incorporate Captcha into the Contact Us module.

I've obtained the public and private keys and set that up in the Captcha plugin.

But how do I go about getting the actual form to appear in Contact Us? And I read you have to also set up the code to do the validation as well. Any help on that would be appreciated.

Thanks

Anooj

Hi

What contact module extension are you using?

Cheers
Paul

I just created a "Contact Us" CustomHTML module as I did with the "About Us" and "PsychNebula" modules. Was that not the right way to go?

Thanks

Anooj

Hi Anooj,

This recaptha plugin is intended for the Joomla Contact component which is added via a menu link

You need to install a contact form that can be published as a module

There is a simple module available from the profile download page sp contact (although it doesn't have a recapthca option)

Cheers
Paul

Hi Paul,

So I've decided to put the contact form on the side as I haven't found a module which is responsive and supports recaptcha.

There has been one thing that I can't figure out.

Whenever I make a change to the OnePage template and click the save button, the Mobile tab on the Responsive layout always defaults back to half the size it's supposed to be. I have to go back, and "re-stretch" the grid1, grid2, and grid3 and then re-save.

I've attached a screenshot so you can see what I'm referring too.

Thanks!

Anooj

Can you update to the latest T3 plugin version

Cheers
Paul