Forum Replies Created
-
Ah….I see how we did that.
So for the social icons it’s:
<span class=”st_fblike”></span>
<span class=”st_facebook”></span>
<span class=”st_twitter”></span>
<span class=”st_linkedin”></span>
<span class=”st_stumbleupon”></span>
<span class=”st_email” ></span>
<span class=”st_sharethis”></span>
<script type=”text/javascript” src=”http://w.sharethis.com/button/buttons.js”></script>
<script type=”text/javascript”>
stLight.options({
publisher:’wp.48f508c4-0b75-4c89-a79f-1d00814f82e7′
});
</script>
widget logic: is_front_page()
and in styles:
}
#text-3 {
margin-top:-45px;
margin-left:500px;
}
So how about if I do one text widget for the home page, and one for the other pages, with different styling.
Only question would be…what would the widget logic be?
Rather than is_front_page(), it would want to be the opposite for the one for all pages NOT home page…do you know what that call would look like?
is_front_page !()
or something like that?
In appearances > widgets > header widget area > then it’s in a text widget.
This was per Syahir’s guidance in a previous thread. It’s also how the social icons are up in the bar on only the home page.
Hmmm…I can’t remember how they are only there on the home page…
I’ve got that code above now as
<div class="todaysdate">
<SCRIPT LANGUAGE="Javascript">
<!--
// Array of day names
var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
"Thursday","Friday","Saturday");
// Array of month Names
var monthNames = new Array(
"January","February","March","April","May","June","July",
"August","September","October","November","December");
var now = new Date();
document.write(dayNames[now.getDay()] + ", " +
monthNames[now.getMonth()] + " " +
now.getDate() + ", " + now.getFullYear());
// -->
</SCRIPT></div>and in styles:
#todaysdate {
text-align:center;
}
Didn’t move 🙂
This is the code in the widget:
<SCRIPT LANGUAGE=”Javascript”>
<!–
// Array of day names
var dayNames = new Array(“Sunday”,”Monday”,”Tuesday”,”Wednesday”,
“Thursday”,”Friday”,”Saturday”);
// Array of month Names
var monthNames = new Array(
“January”,”February”,”March”,”April”,”May”,”June”,”July”,
“August”,”September”,”October”,”November”,”December”);
var now = new Date();
document.write(dayNames[now.getDay()] + “, ” +
monthNames[now.getMonth()] + ” ” +
now.getDate() + “, ” + now.getFullYear());
// –>
</SCRIPT>
So you are saying maybe make this in a div tag then control that in the css?
Well see this is how it is as I had it
http://juicytravels.com/travel-deals/
Which on the home page looks good
But if the share icons aren’t there, I want it to move over to the middle…
Yeah that’s how I made this, with a header widget. Then I styled it with the text4. I just wish it would “float” in the center bar and adjust itself if there is stuff on the right or not. Maybe if I change the margin to margin right?
Don’t be silly…not a friend, the tech guy for that plug in I bought…no issue to me. I thought it was hilarious.
I think it truly hurts your credibility when things look shoddy. And, being a graphic designer for a million years, I just can’t stand it when things are spaced weirdly 🙂
Speaking of which…I added the date in the top bar with a text widget.
If it’s on the home page, the spacing is good because of the share icons in the top bar.
But I only have the share icons on the home page, so then on all other pages the date looks strangely off the to left.
I don’t know if there is some kind of relative css that would make it always be in the center of whatever space is there??
Right now the css is
#text-4 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top:-35px;
margin-left:260px;
}
OMG. Of course when you do it, it works perfectly. Ha.
Thanks 🙂
I tried that, it didn’t do anything. I’ll try it again.
