[Pro] Read More black background

Freeway
1

Sorry first post & I’m not at all techy.
I’m making my new site using FW7, infow with Backdraft as my main input blocks. (Love Backdraft, hair saver!)
My web site is 100% black background with mostly white text style and lots of images. (using 2 wrapper alt for most content if it matters)
When I preview my pages, the more is a plain white block. I suspect (but don’t really know) that it probably is all working except for changing the background of the more block to black or the default page background.
I need some very, very basic teach your grandmother instruction how to do it! Assume she knows nothing but loves you!
Thanks so much Barry

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

within twoWrapper, there are (two) items called twoLeft and twoRight. Once selected you should recognize in inspector that they both have a background of white applied. Chances are good to change this to none (transparent or whatever the correct translation might be.

But it might be as well that I’m entirely incorrect here.

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Not sure if you are trying to change the colour of the more… text or the more overlay box?

If the text then adding the following in Page>html Markup in the before end will do it

<style type="text/css">
.more {
color: white;
background-color: black;
}
</style>

If it is the overlay colour you want to change that would be

<style type="text/css">
#_more_overlay div {
color: white;
background-color: black !important;
}
</style>

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

And you probably want to add cursor: pointer to that first one so that your visitors know it is a link

<style type="text/css">
.more {
	cursor: pointer;
	color: white;
	background-color: black;
	}
</style>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks so much Thomas and Delta
Thomas, the black background is all good re: twoWrapper etc, it is just the plain white box that appears after the “more” is clicked.
Delta- yes just the background of the box (assuming but I can’t tell yet) that the text is there properly.
I am very reluctant to start messing in areas that I’m ignorant of as FW7 only has 1 undo.
I copied the text you suggested and found my way into the page/html but didn’t know how to proceed with “Markup in the before end </head”
Can you guide me a bit further
Thanks Barry

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Copy the following text

<style type="text/css">
    #_more_overlay div {
color: white;
background-color: black !important;
}
</style>

Go to Page>html Markup and a Dialogue box will open. Select the Before section from the picker and paste the text in.

OK the dialogue box and Preview in your Browser

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

And if you save your work before you do anything risky (not that this is as you can just delete it if its not what you want) you can just close the file without saving and reopen to get back to where you were.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

YES!
Thank you Delta Dave
cheers Barry

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options