Joomla Templates Club 406,261 posts

[angiearmstrong Friend angiearmstrongJoin date: December 2010Posts: 3Downloads:0Uploads:0 Thanks: 3]

#163513

Hi,

I would like to use some custom graphics for sponsor in the Bot Banner area but do not want the cityscape graphic to appear- how do I change this?

Thanks,

Angie

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#389513

Hello mate you create a new banner, name it “botsl-bg.png”, then replace it inside the /templates/ja_events/images/ folder

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#389690

Hi angiearmstrong — tienhc is right, and there may be some other things you should do if you wish to take this approach.

<em>@tienhc 238164 wrote:</em><blockquote>create a new banner, name it “botsl-bg.png”, then replace it inside the /templates/ja_events/images/ folder</blockquote>

============
1. This works if you are using the “Default” profile (blue) in JA_Events. If you are using one of the pre-built profiles, such as “green-theme” or “xmas”, you will need to replace the banner graphic in the theme’s image directory.

For example, if you are using “green-theme”, you’ll need to replace “botsl-bg.png” in this directory:

/template/ja_events/core/themes/green/images

(Note that the theme “green-theme” uses the folder called “green”–in bold)

============
2. If you take this approach (replacing the existing “botsl-bg.png” file), you may need to change the CSS that controls how the image is displayed.

For example, if your sponsor has a small banner, it may repeat several times across the bottom of the screen.

If you only want the banner to appear once, you’ll need to edit the “background-repeat” property for #ja-bot-banner from “repeat-x” to “no-repeat”

Note: to really fine-tune how that bottom bar looks, you can make a lot of changes to the #ja-bot-banner code in CSS

Old code: (bold text is what you change)

#ja-bot-banner {
background: url(../images/botsl-bg.png) repeat-x center bottom;
min-height: 170px;
border-bottom: 4px solid #547983;
overflow: hidden;
position: relative;
}

New code:

#ja-bot-banner {
background: url(../images/botsl-bg.png) no-repeat center bottom;
min-height: 170px;
border-bottom: 4px solid #547983;
overflow: hidden;
position: relative;
}

This code (#ja-bot-banner) is what controls the look and feel of that bottom area. Its location is dependant on what profile you’re using.

If you’re using the default (blue) profile, this could be located in template.css in /templates/ja_events/css/

If you’re using a different, pre-built profile, this could be located in the pre-built profile’s path

For example, if you’re using the “green-theme” profile, this code is located in a * different* file, color.css, in: /templates/ja_events/core/themes/green/css/

============
3. Whew… if that’s too much to deal with, I would almost suggest removing the city graphic (make “botsl-bg.png” a small, blank graphic, or remove it from the CSS entirely), and insert your own Joomla module that displays the sponsor’s graphic.

1 user says Thank You to adamlopuch for this useful post

1. angiearmstrong

[Author]

Posts