Public Forums 71,145 posts

[sc204 Friend sc204Join date: January 2007Posts: 19Downloads:0Uploads:3 Thanks: 5]

#137971

I would like to add a clickable text area to the right side of the lower color stripe above the footer area. Something along the lines of this site supported by ……

I know that there are 2 user positions on the left and center. But I am not sure how to enter what I would want into them either. I can put menus. orr modules like a banner in them but what about plain text?

Thank you,
Stuart

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#291469

Please provide a URL to help us better diagnose what you need to do.

Thanks,
John.

[sc204 Friend sc204Join date: January 2007Posts: 19Downloads:0Uploads:3 Thanks: 5]

#291480

I was able to gget something in there. I used user 5 position and added an html module to that position. Somewhere in the template I also made user 5 97% and made my text right justified. So basically it got me what I wanted.

2 issues cropped up, 1 is the vertical line in the left of user 5. I havbe no clue how to get rid of that, and 2 in IE the text is below center an the stripe (spot light area) is wider. In Firefox it looks right except for the vertical stripe.
Web site is http://www.nsrca.us

Thank you,
Stuart

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#291500

Stuart…first of all, great looking site. As a former Cessna pilot I’ve always wanted to get into RC.

To get rid of the vertical line:
In style.css (line 41) get rid of the following in its entirety:


.ja-box-right div.moduletable {
background:transparent url(images/vdot2.gif) repeat-y scroll left center;
}

And in template.css (line 1338) remove the line below highlighted in red. Make sure to leave the Padding-left code.


.ja-box-right div.moduletable {
background:transparent url(../images/vdot2.gif) repeat-y scroll left center;
padding-left:30px;
}

This will leave you with a white line across the bottom. If you don’t want the white line, then…
In template.css (line 1039) remove the line highlighted below in red.


div.moduletable, div.moduletable_menu, div.moduletable_text {
background:transparent url(../images/hdot.gif) repeat-x scroll center bottom;
margin-bottom:15px;
padding:0 0 20px;
}

As for your second issue, I’m not clear of what you are asking. But perhaps the modifications above will go toward correcting that.

Have fun!
Keep the blue side up.
John.

[sc204 Friend sc204Join date: January 2007Posts: 19Downloads:0Uploads:3 Thanks: 5]

#291504

I tried the first two changes and do not see any change in the site. Just to be sure there are lots of style.css files. The one that seems to be the one you were referring to is in styles>header>blue or green
Is that the one? I deleted the line in that one and the line in template.css. Although the wording was close it was not exact.

As to the second minor problem look at the size of the spotlight bar and the positioning of the text in both IE and Firefox and you will see the diference.

Thank you for the assistance.
Stuart

[sc204 Friend sc204Join date: January 2007Posts: 19Downloads:0Uploads:3 Thanks: 5]

#291508

Orig template.css

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}

.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}


Modified template.css

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}

.ja-box-right div.moduletable {
padding-left: 30px;
}

.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}


Orig style.css

#ja-botslwrap {
background: #7eabcf /*was #006699 */;
color: #C3DFED;
}

.ja-box-right div.moduletable {
background: url(images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
background: url(images/vdot2.gif) repeat-y left;
}

Modified style.css

#ja-botslwrap {
background: #7eabcf /*was #006699 */;
color: #C3DFED;
}

.ja-box-center div.moduletable {
background: url(images/vdot2.gif) repeat-y left;
}


Hope this helps,
Stuart

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#291517

Hey, You’ve almost got it!
You need to remove all lines that refer to the “vdot2.gif”

As in: background: url(images/vdot2.gif) repeat-y left;

That gif the image is what is used to create that vertical line.

And I’m still confused as to what you are meaning by “Spotlight Bar”…I’m not seeing anything called that. Are you referring to “The Latest K-Factor” module?

[sc204 Friend sc204Join date: January 2007Posts: 19Downloads:0Uploads:3 Thanks: 5]

#291562

Success 🙂
Thank you very much
I messed up originally I had a copy of template.css in the main folder and was modifying that one and not the one in the CSS folder.
After making your modifications and removing any reference to the vdot2.gif I got rid of the unwanted lines.
Only problem was the text moved to the left or center depending on which browser I was using.

Using firebug I was able to find a float command and changed that to float right in template.css
This almost worked. For some reason the top position (in the spotlight section) was now to the right of user 5 which is what I was using for the text. Top was to the left before. I couldn’t figure out what I did to move it so I removed the reference to the top position from the index.php and now have the text where I want it without any extra lines. The text is now centered vertically in both IE and Firefox so that issue is also resolved.

Just as a clarification, spotlight is what the template calls the blue horizontal bar above the footer. The blue bar with the text in question in it.

Thank you for your help. I never would have found it as it required more than one change to the code.

Stuart

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#291571

Any time.
And can you click the “Thank You” button below.
I would really appreciate it.

Have a GREAT weekend.
John.

1 user says Thank You to John Wesley Brett for this useful post

1. sc204

[Author]

Posts