JoomlArt Forums 32,862 posts

[wmike1503 Friend wmike1503Join date: March 2012Posts: 5Downloads:0Uploads:0 Thanks: 2]

#175214

I am trying out JA_T3_blank.

I have been following the video tutorials for this on a local machine.

I am working on my own theme which sits in the JA_T3_blank themes folder.

As an example, I have a text logo in my header – following the tutorials for themes I try the following in my theme template.css:

h1.logo, div.logo-text {
text-align: center; (this has no effect whatsoever)
position: relative;
z-index: 1;
}

However, if I try
‘h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 350px;
color: #FFFFFF;
}’

The logo is affected by the margin and colour. If I apply ‘text-align: center’ to the div above – no effect whatsoever.

This should place the logo in the centre of the header div – it has no effect whatsoever.

I have tried placing ‘text-align: center;’ in various places in the template.css, such as the header – none have any impact on were the logo is placed. It sits, resolutely to the left of the header.

If you have any suggestions, I would be most grateful.

As I said, I have carefully followed the tutorials and use firebug to edit the live css – nothing seems to impact the logo placement.

Cheers,

Mike

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#444718

<em>@wmike1503 308854 wrote:</em><blockquote>
If you have any suggestions, I would be most grateful.
Mike</blockquote>
Just so I understand . . . . does the “margin-left” method achieve the result you wanted?

[wmike1503 Friend wmike1503Join date: March 2012Posts: 5Downloads:0Uploads:0 Thanks: 2]

#444719

Hi Tom,

In this instance it does.

I am, however, trying to get to grips with the functionality of the template. I’m interested in why certain css is not working on certain elements.

Cheers,

Mike

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#444721

It’s difficult to tell sometimes. It could be a conflict with another CSS rule for another element that prevents or overrides a certain styling from displaying as it otherwise should. This is why I asked about whether the margin-left modification worked … I have utilized this method myself for certain things here and there.

[wmike1503 Friend wmike1503Join date: March 2012Posts: 5Downloads:0Uploads:0 Thanks: 2]

#444722

Hi Tom,

Agreed. Using the margin is OK in this instance. But, of course, there will be other times where this won’t work, particularly if using a fluid design.

[Author]

Posts