Joomla Templates Club 406,261 posts

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#165789

http://www.availablepropertyinspain.com/ please look at the logo, I want to make it slightly bigger I know how, however I want the margin at the bottom to be less and also the top to be slightly less and the margins at the top and the bottom to be equal, I belive I need to change value in the template.css

Also do you think in this case the logo would look good centered on the template

Do you like the use of the template

how please

/* HEADER
——————————————————— */
#ja-header { background: url(../images/top-bg.gif) repeat left top; }

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

#ja-header .wrap-inner1 {
background: url(../images/header.png) repeat-x left bottom;
}

#ja-header h3{
color: #F95839;
display: inline-block;
float: left;
font-weight: normal;
margin-left: 135px;
margin-top: 35px;
text-transform: uppercase;
}

#ja-topheader {
display: inline-block;
float: right;
margin-right: 230px;
margin-top: 29px !important;
width: auto !important;
}

/* Logo Text —*/
div.logo-text h1 {
font-family: Arial, sans-serif;
font-size: 200%;
font-weight: bold;
}

div.logo-text h1 a { text-decoration: none; }

/* Logo Image —*/
h1.logo { height: 100px; width: 460px; }

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

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

#ja-topheader { float: right; margin-top: 25px; width: 70%; }

#ja-topheader h3 {
color: #f95839;
display: inline-block;
float: left;
font-family: ‘AurulentSansRegular’,Helvetica,Arial,sans-serif;
font-weight: normal;
margin-top: 3px;
text-align: left;
text-transform: uppercase;
}

#ja-topheader ul {
float: right;
line-height: 13px;
margin-right: 15px;
margin-top: 6px;
}

#ja-topheader ul li{
border-left: solid 1px #32010a;
float: left;
font-family: Arial, Helvetica, sans-serif;
padding: 0 10px;
}

#ja-topheader ul li a { color: #c93c3c; text-decoration: none; }

#ja-topheader ul li:first-child { border-left: 0; padding-left: 0; }

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399104

Hi,
You find this code from http://www.availablepropertyinspain.com/templates/ja_travel/css/template.css


#ja-header .main {
padding: 20px 0 35px; < you change bold values as you want, 20px means padding-top, 35px means padding-bottom
}

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#399107

http://www.availablepropertyinspain.com/ looks a a lot better know. how do you think my use of this template is out of 10

But some are saying I should put the logo in the middle how do i do this please

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399183

I’m sorry, but I don’t understand what you mean clearly. What exact question do you ask?

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#399185

How would I center the log on the template perfectly centered

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399187

Do you want to center your logo horizontally?

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#399188

<em>@khoand 250602 wrote:</em><blockquote>Do you want to center your logo horizontally?</blockquote>

yes from left to right

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399196

Do you want logo to centre from left of website to left of “PROPERTIES FROM TRUSTED REAL ESTATE AGENTS IN SPAIN”, or logo+”PROPERTIES FROM TRUSTED REAL ESTATE AGENTS IN SPAIN” is centred?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399202

Try the adding code in red as per below


h1.logo, div.logo-text h1 {
float: none;
font-size: 250%;
line-height: 1;
margin-left: auto;
margin-right: auto;

}

Then you need to look at what to do with the text bit as Khoand mentioned. Where do you want it?

[djmarkus Friend djmarkusJoin date: March 2011Posts: 110Downloads:0Uploads:1 Thanks: 14 Thanked: 2 times in 1 posts]

#399210

To be honest I only placed the text there to put something in the unused space

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#399212

Just ditch the text then and use the code above. Your site is coming along nicely.

[Author]

Posts