Joomla Templates Club 406,261 posts

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#145481

How do I add a new image to the right side of the header?

I want to add an image to the header on the right side of the navigation. The image will be the phone number for the website. The template.css is below.
Thanks,
cnd
url of site: http://alumnivacations.com/beta/
/* HEADER
——————————————————— */
#ja-header {
background: url(../images/header-bg.gif) repeat-x top left #1D1D1D;
border-bottom: 1px solid #101010;
position: relative;
z-index: 100;
}

#ja-header .main { padding: 15px 0; }

h1.logo, div.logo-text h1 {
font-size: 200%;
line-height: 1;
}

h1.logo, div.logo-text {
float: left;
}

div.logo-text {
padding-top: 4px;
}

/* Logo Image —*/
h1.logo {
height: 48px;
margin: 0;
width: 215px;
}

h1.logo a {
background: url(../images/logo-av.png) no-repeat left;
display: block;
height: 48px;
width: 215px;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

/* Logo Text —*/
div.logo-text h1 a {
color: #FFF;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}

p.site-slogan {
color: #454545;
display: block;
font-size: 93%;
margin: 0;
padding: 0 5px;
text-align: center;
}

/* Topbar —*/
.ja-topbar {
font-size: 92%;
position: absolute;
top: 0;
width: 100%;
}

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#321519

Not much clear. Would you mind make a screenshot w/ note which pos you want to have image ?
tks

[zyuong Friend zyuongJoin date: March 2007Posts: 37Downloads:0Uploads:7 Thanks: 2 Thanked: 3 times in 1 posts]

#321576

screen capture your screen or url then we can have a better idea.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#321687

Hi cndglobal

In the case, please submit a ticket, send us your information as follows:

+ Your live url
+ Admin account
+ Ftp account

We will fix it for you.

1 user says Thank You to JA Developer for this useful post

1. cndglobal

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#321900

Thanks for the help with adding an image (phone number) to the right side of my header.
The fix was made in the typo.css file and is posted below.

in typo.css line 424

#img-contact {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/phone-av.png) no-repeat scroll left top;
height:48px;
position:absolute;
right:10px;
top:10px;
width:167px;
}

[Author]

Posts