V4 News Fader 1.1.2

[Brian]

Forever Sunshine: Assuming you just want to change the position of the background image you can add a background-position property.

.v4news > .content {
    background-repeat: no-repeat;
    background-image: url(URL TO IMAGE);
    background-position: top center;
}

Not sure what you mean in regards to the text, though.

[Forever Sunshine]

Awesome! I'll give that a try then, Brian. What I mean by text would be to move it up slightly rather than centered vertically. So, it would be centered horizontally but rest at the top of the container rather then the middle. Make sense?

[Brian]

Apr 2, 2014 9:45:31 GMT -8 Forever Sunshine said:

Awesome! I'll give that a try then, Brian. What I mean by text would be to move it up slightly rather than centered vertically. So, it would be centered horizontally but rest at the top of the container rather then the middle. Make sense?

The text itself is contained within a <td> element, so it wouldn't be as simple as moving the text.

You could try adding padding to the top of the element to increase its height from the top, therefore increasing the text's distance from the top of the container.

#fscroller { padding-top: 10px; }

[Forever Sunshine]

I'll give that a try then too. Thanks so much! Oh, Brian, does that bit for the scroller fall within the code you posted above or on its own line in the style sheet?

[Brian]

Apr 2, 2014 9:52:39 GMT -8 Forever Sunshine said:

I'll give that a try then too. Thanks so much! Oh, Brian, does that bit for the scroller fall within the code you posted above or on its own line in the style sheet?

Style sheet, like the other CSS.

[Forever Sunshine]

OK, Brian, so with the image css, is there a way to have it repeat but only on one line on the bottom, not the whole container? Also, the scroller code only changed the size of the container; not the position of the text so that won't do.

[Brian]

Apr 2, 2014 10:19:30 GMT -8 Forever Sunshine said:

OK, Brian, so with the image css, is there a way to have it repeat but only on one line on the bottom, not the whole container? Also, the scroller code only changed the size of the container; not the position of the text so that won't do.

Change the position to bottom and set the background-repeat property to repeat-x if you only want it to repeat horizontally.

The padding code should change the position of the text no matter what. Try increasing the number.

[Forever Sunshine]

Yay, that work for repeat, Brian! Woohoo!

As for the scroller, I changed the 10px to 50px and, honest, the container itself grew larger with the text remaining centered both vertically and horizontally.

[Brian]

Apr 2, 2014 10:33:33 GMT -8 Forever Sunshine said:

Yay, that work for repeat, Brian! Woohoo!

As for the scroller, I changed the 10px to 50px and, honest, the container itself grew larger with the text remaining centered both vertically and horizontally.

What forum is this on?

[Forever Sunshine]

crapthenameescapesme.proboards.com/ But I'm not working on the default theme. I'm in "Easter2" so if you view it, get your sunglasses on!    I've left the scroller code in there set to 50px on line 1563, Brian. 

Thanks

[Brian]

Apr 2, 2014 10:50:29 GMT -8 Forever Sunshine said:

crapthenameescapesme.proboards.com/ But I'm not working on the default theme. I'm in "Easter2" so if you view it, get your sunglasses on!    I've left the scroller code in there set to 50px on line 1563, Brian. 

Thanks

It's working fine for me in Chrome, Safari, and Firefox. There's clearly a huge gap at the top of the news fader.

Try changing it to padding-bottom since you have the image at the bottom.

[Forever Sunshine]

LOL, Brian, yes it is working but not in the way that I'm asking. The code increases the size of the container itself. The text remains centered both vertically and horizontally. It doesn't move, the container size does.

I don't want to make the container bigger! I want to move the text to the top of the container. There should be a way as there is a way to move the logo text to the top #logo
#logo { position: relative; top: -20px; left: 0px; }
 without increasing the size of the banner container.

[Brian]

The text isn't vertically centered for me. Here's what it looks like with 50px of bottom padding.



Relative positioning won't work with the <td> element which is what I was trying to say before. Table elements use different rules than standalone elements like anchors and divs.

[Forever Sunshine]

Yes, but to get it there, it increased the size of the container by what, 40px. If it's not doable other than by increasing the container size, I'll just forget about it. I don't want the container bigger than it's original size.

But, thanks for your help, Brian. If there's another way to do it other than the above method of increasing the size of the container, please let me know.

Thanks again.

[Brian]

You can decrease the height of the news fader container in your plugin settings by however much padding you added and it'll do exactly what you're looking for.