Public Forums 71,145 posts

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#154452

I’m trying to make the grey line under the header image 1024px just like the header. I don’t want it going across the whole screen when the resolution is larger than 1024.

What I’d really like to do is make the entire body of the site 1024px & then even use a color background on the right and left sides.

http://174.132.221.8/~mrcf2192/

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#356053

Under <div id=”ja-headerwrap”> create new div
<div style=”width=1024px; border-bottom:1px solid #808080; margin:auto;”></div>
or add
<hr style=”width=1024px; border:1px solid #808080; text-align: center”/>

If it doesn’t work, try to use a back-ground line of 1024px width with styles
<div class=”line”></div>

.line { background: #fff url(../i/line.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
}

1 user says Thank You to gray for this useful post

1. heilgenpahl

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#356114

Thanks but the only code I can find in the templete.css file is the following:

#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 91px;
}

Should I be looking in another file for the <div id=”ja-headerwrap”> code?

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#356116

OK – I found the following code in the index.php file but it can’t seem to get it to work????

<div id=”ja-wrapper”>

<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>
<div id=”ja-header” class=”clearfix” style=”background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.’images/header’); ?>) no-repeat top <?php if($this->direction == ‘rtl’) echo ‘left’; else echo ‘right’;?>;”>

<div class=”ja-headermask”> </div>

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#356122

To avoid confusion, Can you please provide in screenshot marked with annotations as to how you want it to be

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#356123

I want to decrease the size of the circled line in the attached picture to match the header image size 1024px. In doing this I was also hoping to decrease both sides of the side so that the body of the site is 1024px regardless of the users resolution.

I hope this makes sense

---

Attachments:

1. 

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#356153

<em>@heilgenpahl 194766 wrote:</em><blockquote>Thanks but the only code I can find in the templete.css file is the following:

#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 91px;
}

Should I be looking in another file for the <div id=”ja-headerwrap”> code?</blockquote>

Look in templatesja_purityindex.php
Find comments
<!– END: HEADER –>
This is the end of the templates header. I meant the additional code should be inserted here.
PS. not sure it could be resolved purely with CSS as you want to control the width of the line (as I understood) independently of other elements.

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#356164

Thanks – I tried that & it just seems to add a new grey line rather than make the current grey line/body of the site 1024px. I’ve attaced an image of how I’d like the site to look. Not sure if I want the sides green or white but used green in my demo just so it looked obvious.

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#356221

Sorry but I am bit unsure as to what you need

Can you please eloborate with clear annotated screenshot

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#356258

The issues is resolved now!

[Author]

Posts