I am trying to create a Carousel with text and some graphics in a selection of Carousel panes, on some of the panes i need to use the Read More action, which works great except my text is white against a Blue background, the Read more pane comes up in white, can i change the colour of the background of the read more pane?
Thanks
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Not the current version, but I just pushed an update that would let you do this. You need to add a style to your page, either through the Page / HTML Markup, in a tag block, or using the Tag-only Style technique in the Styles palette. This style should look like this:
#_more_overlay { color: black !important; }
Or substitute another color if you don’t want black. You can also add other attributes, too. The !important flag at the end of the attribute(s) will override even an inline style in the Freeway-generated HTML that the Action slurps up into the overlay box.
Walter
On Sep 27, 2012, at 6:28 AM, ejw wrote:
I am trying to create a Carousel with text and some graphics in a selection of Carousel panes, on some of the panes i need to use the Read More action, which works great except my text is white against a Blue background, the Read more pane comes up in white, can i change the colour of the background of the read more pane?
Thanks
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Walter,
Thanks, i downloaded and installed the update, then added the code you suggested in the Markup ( i would prefer to do it through the Tag in the Styles menu but could not work out how to do that… )
However does not seem to work for me, if you look at the following:
http://www.reenoserve.com/GHYC/
This is definitely work in progress… so not great but you will get the idea of my issue
Thanks Again
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Okay, make your style more specific:
#_more_overlay p.style11 {
color: black !important;
}
Pay attention to that style11 part, though – if you ever go through your styles and rationalize their naming, you’ll need to update your CSS patch, too.
Walter
On Sep 27, 2012, at 3:39 PM, ejw wrote:
Walter,
Thanks, i downloaded and installed the update, then added the code you suggested in the Markup ( i would prefer to do it through the Tag in the Styles menu but could not work out how to do that… )
However does not seem to work for me, if you look at the following:
http://www.reenoserve.com/GHYC/This is definitely work in progress… so not great but you will get the idea of my issue
Thanks Again
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Walter,
Did that thank you, what i am trying to do is to change the color of the background in the Read More window to #003366 (Blue) and the text to white to remain consistent with the rest of the site. Apologies for the confusion, the code you suggest is changing the colour of the text and leaving the background to white.
Thanks
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Aha. Somehow I missed that point. To change the background of the box, you would use this style code instead:
#_more_overlay div { background-color: #003366 }
Walter
On Sep 28, 2012, at 12:31 AM, ejw wrote:
Walter,
Did that thank you, what i am trying to do is to change the color of the background in the Read More window to #003366 (Blue) and the text to white to remain consistent with the rest of the site. Apologies for the confusion, the code you suggest is changing the colour of the text and leaving the background to white.
Thanks
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Walter,
Thanks for the update and i apologise for my lack of understanding on the HTML front! but i am learning (albeit slowly)
I am on the road at the moment, i tried you suggestions but it did not work for me, i may have rushed the implementation of your suggestion and now i am working with my laptop so limited screen space… I will try again when i get to my destination later on the 29th.
Thank You
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You need to add the !important bit
#_more_overlay div {background-color: #036 !important;}
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thank You both very much.
This issue is now fixed…onward to the next challenge…
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
OK, The Read More Action is giving me more challenges… I have tired to implement the Read more on a different page on the same site and it does not work any more… if you look at
http://www.reenoserve.com/ghycexp/ghycshop.html
On the left is the offending read more that i cannot get to display correctly ie Blue background and white text. When i look at the Code inspector in Chrome it indicates that within the CSS style the background-color statement is not recognised.
Yet if you go to the Home page and select one of the Carousels read more options it all works fine …however with the same issue relating to the css style…
Confused or what??
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Try the following in Page>html Markup in the Before slot
<style type="text/css">
<!--
#_more_overlay {
background-color: blue !important;
}
-->
</style>
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
David,
That changed the whole page background to Blue.!
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
David,
Apologies, let me be a little more specific.
It changed the Browser background to Blue the overlay was still white.
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Sorry about that
I have read your whole post again and realise that what I told you in a previous post should still apply
ie
<style type="text/css">
<!--
#_more_overlay div {
background-color: #003366 !important;
}
-->
</style>
This will only apply to this page when you add it to Page>html Markup in the Before So you need to do it on every page where is a an incidence of the Read More action.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
David,
Thank You this did work, but you will have to have a little more patience with me on this, as you are aware i am new to this but trying my best to learn as i go… i have a number of questions:-
Your first suggestion only differed in that the colour of the background was different yet the second solution had a totally different result in that it did change the background of the overlay.
I am no expert but doesn’t the <! – sequence mean it’s a comment ?? so how does this work. in fact i removed the opening and closing comments in the HTML Markup and it had the same result… it worked.
I still do not understand how the Read More action is working on the Home page where this extra HTML Markup is not used, it appears to work just on the .more style. parameters
Please do not misunderstand i am very appreciative of your help, but i am also trying my best to learn from what you are telling me and at the moment there are some inconsistencies in the information at this stage… but that may just be the way i am interpreting the information.
Thank You
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No - the two targeted different things
#1 #_more_overlay {
#2 #_more_overlay div {
The first targets the complete overlay which covers the whole page.
The second targets a div inside the overlay (ie the background to your popup)
I only changed the colour in the second after I had re-read your post and realised what the actual colour you were using was.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
BTW - the Home page has the following Markup code on it
<style>
#_more_overlay div { background-color: #003366 !important }
</style>
Which was suggested to you by Walter on 28th September
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 29 Nov 2012, 11:13 pm, DeltaDave wrote:
No - the two targeted different things
#1 #_more_overlay {
#2 #_more_overlay div {
The first targets the complete overlay which covers the whole page.
The second targets a div inside the overlay (ie the background to your popup)
I only changed the colour in the second after I had re-read your post and realised what the actual colour you were using was.
OK, Missed that…Thank You
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 29 Nov 2012, 11:22 pm, DeltaDave wrote:
BTW - the Home page has the following Markup code on it
Which was suggested to you by Walter on 28th September
David,
Yes when i read the post back myself i realised that at the time i was more comfortable with using the Style Tag in the Styles Palette, so went there to find what i had done and found the .more style so foolishly thought this was how the home page was working. When i looked in the HTML markup for the home page i found that there was nothing in Before i should have looked a little closer and i would have found the code at After .
Ok, Thank You
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
And to answer your other question…
The , stops the style declarations from displaying as text on the page in stupid, old browsers.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options