Joomla Templates Club 406,261 posts

[sunbox Friend sunboxJoin date: August 2011Posts: 23Downloads:0Uploads:1 Thanks: 8]

#168146

Hi Support,

I am having a problem getting the date to show up in the grey bar area. Instead, it is showing up underneath the grey bar:

Here:
http://thread5.com/mcs1/index.php

How do I raise the date up so it is directly across from the breadcrumbs?

Thank you

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

#410443

Try this . . . . . .

Using your text editor (or whatever you use to edit your css), open template.css . . .
(it’s within the file path – templates/ja_minisite/css)

at/about line 686, you will see the following code:


.ja-day {
float: right;
padding-right: 10px;

}


try modifying it as follows”


.ja-day {
float: right;
margin-top: -15px;
padding-right: 10px;
}


SAVE – CLEAN CACHE – REFRESH

Does that achieve the results you were looking for? You may have to play around with the margin number.

1 user says Thank You to TomC for this useful post

1. sunbox

[sunbox Friend sunboxJoin date: August 2011Posts: 23Downloads:0Uploads:1 Thanks: 8]

#410444

Thanks, that worked!

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

#410445

<em>@sunbox 264954 wrote:</em><blockquote>Thanks, that worked!</blockquote>
You’re very welcome.

Just as an added bit of advice/assistance to/for you . . . .
Depending on the browser you use most (I use FireFox mostly), there are tools you can use to assist you in identifying various elements on web pages (such as CSS) and even perform “live test modifications” to see how it can affect the element. The testing doesn’t affect the actual/saved site, only for the purpose of testing modifications at that moment.

For FireFox, the go-to add on tool is FIREBUG

In Chrome, you can access the built-in inspector by pressing F12. (Or, if you want to inspect something like a header or something – just put your cursor over it, press N and right click – goes right to that element).

I used Firebug to find the CSS you needed to modify, and tested it out prior to replying with the suggestion.

Just some friendly advice that could help you as you progress. 🙂

[Author]

Posts