Joomla Templates Club 406,261 posts

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#174105

Template JA-Nex
Site http://contrastnewspaper.burroket.com
I need help with the following
1. change the colour of block; ja-topmenu.wrap
2. change the clolour of block; dv.main clearfix and shift the date to the right so that it is not on the edge of the block
3. change the size of the graphic at the bottom of the block ja.megamenu clearfix so that it will be in the center only or remove it if it will not mess up the page.
Optimize CSS is set to NO
Thank you in advance.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#439168

<em>@anthonyberot 301723 wrote:</em><blockquote>Template JA-Nex
Site http://contrastnewspaper.burroket.com
I need help with the following
1. change the colour of block; ja-topmenu.wrap</blockquote>

Open templates/ja_nex/css/template.css

at line 685

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left bottom #EEEEEE;
padding-bottom: 6px;
}

The background image is just that, an image (as you can see above). You can change/modify it as needed.

<em>@anthonyberot 3017232 wrote:</em><blockquote>. change the clolour of block; dv.main clearfix and shift the date to the right so that it is not on the edge of the block</blockquote>

at line 607 . . .

#ja-topmenu {
background: #222;
border-bottom: solid 1px #EEE;
color: #999;
padding: 5px 0;
}


change the background color to whatever you want.

to move the date to the right – look to line 614 . . .

p.ja-day {
display: inline-block;
float: left;
margin-top: 4px;}


add a “margin-left” property to move the date to the right … for example . . .

p.ja-day {

display: inline-block;
float: left;
margin-top: 4px;
margin-left: 10px;
}


<em>@anthonyberot 3017232 wrote:</em><blockquote>3. change the size of the graphic at the bottom of the block ja.megamenu clearfix so that it will be in the center only or remove it if it will not mess up the page.</blockquote>
I’m not entirely certain which image you are referring to – can you clarify?

1 user says Thank You to TomC for this useful post

1. anthonyberot

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#439179

Item 3 was addressed in line 685
I simply comment out the block of code as below.
/*
#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left bottom #EEEEEE;
padding-bottom: 6px;
}
*/
This removed the graphic from displaying

Item 2 is solved.
If you look at the site there is a red banner on top that is across the page this composed of Ja-topmenu.wrap; left, Ja-main clearfix; center and ja-topmenu.wrap; right
when i changed ja-main clearfix, the whole line changes to the colour i add.

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#439279

Another challenge:
I will like to place banner advertising in the header of Template JA-Nex, I could do it by adding it to the logo graphic but I will prefer if it can be a separate module position I can use on the right of the header, is this possible?
Also when i type http://contrastnewspaper.burroket.com/index.pho?tp=1 there are more module positions than what is listed when adding one from the module manager how can I get all listed?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#439299

<em>@anthonyberot 301861 wrote:</em><blockquote>Another challenge:
I will like to place banner advertising in the header of Template JA-Nex, I could do it by adding it to the logo graphic but I will prefer if it can be a separate module position I can use on the right of the header, is this possible?
Also when i type http://contrastnewspaper.burroket.com/index.pho?tp=1 there are more module positions than what is listed when adding one from the module manager how can I get all listed?</blockquote>
Perhaps the following information may assist you in this regard –> New Module Position in JA NEX

[Author]

Posts