Joomla Templates Club 406,261 posts

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#189236

Hi,

Here is the temp site we are working on:
http://jlamp.district279.org/

My questions is how can we add a module in the banner area? Maybe right above the search box. Is that possible? What codes I have to modify?

Also, I can’t seem to figure out why the border around that search box is uneven width? Can you please point me to where to adjust that in css?

Thanks!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500182

Hi osseo,

The border around search box is the combination of the blue background (#225180) and the height of input box. You can make your search box look better by adding below css style into the end of templates/ja_nex/css/template.css file:

#ja-search .inputbox, .moduletable_search .inputbox_search {
margin-top: -16px;
}

Clear JAT3 cache after saving changes.

In order to add a search module in the banner area, you can follow this tutorial to create a module position for new search module.

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#500270

Hi Leo,

I think something happened to my template.css file. Can you tell me where I can get another copy of it to overwrite my current one?

Thanks!

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#500275

Never mind, I got a backup copy from the host.
But for some reason my homepage (http://jlamp.district279.org) is still looking very different from yesterday. All I did is adding that margin-top code in template.css, that shouldn’t change the module position at all? I’m trying to figure out what could cause my homepage module to be out of place… what file are those module positions associated with? For example, the module in SL1-3 is now moved to SL1-1, and pushes SL1-2 to the next row. And the footer is now mess up too. I did look into the custom HTML module that is in SL1-3 position, there is nothing wrong with the module itself, but it is not displaying in the right position so changing to a different position didn’t work too.

Any ideas point me to the right direction so I can get it fix?
Thank so much!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500296

Hi osseo,

In order to overriden the template.css, you can create a custom.css file in template/ja_nex/css/ folder. Then open templatesja_nexetclayoutsdefault.xml to call new css file by adding red line:

<!--Extra css load for this layout-->
<stylesheets>
<file>css/custom.css</file>
</stylesheets>


Then all overriden css styles of your custom.css file will be effective.

On your second issue, you should check out the backend of JA News Featured module in SL1-1 position, make sure that the numbers of featured articles in Display Settings are equal and smaller than the published featured articles in your categories.

Note: “Number of articles” should be smaller than 7 which is closed to our demo site. Clear JAT3 cache after saving changes.

---

Attachments:

1. 

[osseo Friend osseoJoin date: February 2012Posts: 205Downloads:16Uploads:26 Thanks: 69]

#500347

Hi Leo,

Ok, that helps! But how can I fix my footer area? I want all the menus show up in one row not in two rows.
What do I have to do to change that?

Please help, thanks!
Emily

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500350

Hi Emily,

In your case, you will need to adjust the width/height of the module’s columns in spotlight block and the border line on the left. Your menus will look fine then. Try to put below css codes into your custom.css file:

#ja-botsl2 .list-item {
border-left: none !important;
width: 19% !important;
}

#ja-botsl2 .ja-box-right {
border-left: none !important;
}

div.ja-box-wrap.column.ja-box-lef {
min-height: 370px !important;
}

Note: You can put these into template.css if you want. Clear JAT3 cache to make the change effective.

[Author]

Posts