X3Photo Gallery Forums

devatrox · 21 Apr 2010, 05:22

Hey, I have a problem changing the color of the contact form labels. Searched the forum and on other sites but no one seems to have a similar problem.

I can't find any option or CSS-class for it. Currently there is a white background and white text, so they are invisible. Where do I change the color?

Thanks!

-edit-
I would really appreciate a quick response of some kind. Our customer is kicking my ass if this doesn't work. Thanks!

-edit2-
Nevermind.

01 May 2010, 03:44

Sorry for missing this post earlier ... I assume you already found out for yourself now though ...

In your CSS, there is a class:

.textpage_forminputback{
/*Sets styles for the background of textpage form input fields. Make sure you use "0x123456" instead of "#123456" for color style because of some flash restriction*/
}

Lio · 23 Jun 2011, 16:11

Hi,
I reply here because I've the same problem. I did already the CSS variation in my theme:

.textpage_forminputback{
	/* This specific class only supports the color style. Please use 0x color formatting instead of # */
	color: 0x1c1c1c;

but nothing change and the color is still the original color from the original theme and not from my theme.
I put the background color for the textpage through "Settings" and now I have the right bg color In the same place I can change opacity and so on. But for the text size in the textpage, I cannot have the right size. I can have in html but not in flash. And, even worse, the text I put in the textpage above the contact form and below the image, in the flash page is illegible: too small.
And one text line desappears. (the text line are 4, it's not a lot of description)
Where can I find the text size for the textpage?

Martin · 23 Jun 2011, 16:51

Lio wrote:Where can I find the text size for the textpage?

This has puzzled others before

Look at my post here:
https://forum.photo.gallery/viewtopic.p ... 6&start=15

SPECIFY FONT SIZE AS: font-size: 15; AND NOT AS: font-size: 15px

Lio · 24 Jun 2011, 11:53

Martin wrote: This has puzzled others before
Look at my post here:
https://forum.photo.gallery/viewtopic.p ... 6&start=15

SPECIFY FONT SIZE AS: font-size: 15; AND NOT AS: font-size: 15px

Thanks so much Martin for your reply.
But the text size I'm speaking of, is that from textpage and changing the one you've appointed my attention, don't change anything.
I've cleaned the browser cache, closed Wamp, and newly started Firefox and Wamp..... no chance

Changing that font size, it changes the text size written in the contact form, but not the size of what I wrote in the description (above or below the image) for the "Who I am" textpage.
It's really difficult to me find all the CSS code for all the variables.

To all of you GURU

It would be very useful to have a list (maybe next to a picture) of each code or CSS settings that correspond to the different variable.
I means: an image like this for all the different situation that shows where the things are in the album, where I can find for editing.

I think that I'm not the only that don't know enough on html or flash or css, sometimes it's really difficult even to understand the name I have to find in the edit section

.
Maincontrols.... what are they? and Largecontrols? and so on.......

I think that if we have an image and where we can find the corresponding code in the edit section, a lot of our question would have an answer without having to write "useless" and boring messages here.
I feel myselg very stupid when I ask for some explanation that for you guys, are very simple. And the worst is that sometime, I cannot understand your reply........

Thanks anyway for all your help
Lio

Martin · 24 Jun 2011, 12:51

Lio wrote:But the text size I'm speaking of, is that from textpage and changing the one you've appointed my attention, don't change anything.

Found it!
Add in the stylesheet css:

.textpage_body {
     font-size: 30px;
}

24 Jun 2011, 12:53

We already have in depth documentation on the CSS properties:
https://www.photo.gallery/documentation/cssreference/

You must have done something wrong in regards to a font size if your font is displaying that small. Keep in mind you cannot use +1 or -1 like for example in Html. You must use specific font-size number. I could easily tell you what was wrong if you can give me a link ...

Lio · 24 Jun 2011, 16:20

Martin wrote:Found it!
Add in the stylesheet css:
Code
.textpage_body {
     font-size: 30px;
}

Hi Martin and thanks.
As you can see by my screenshot, I think I tried but the result is the same.

Here the CSS:

and here the textpage:

I only know a little bit of html and I use DW for my website, CSS is different of course, but I'm losing hours to make small changes. I've tried to setup all the text code available and the only think I can see is that the code have a wrong "line up"

Lio · 24 Jun 2011, 16:34

mjau-mjau wrote:We already have in depth documentation on the CSS properties:
https://www.photo.gallery/documentation/cssreference/

You must have done something wrong in regards to a font size if your font is displaying that small. Keep in mind you cannot use +1 or -1 like for example in Html. You must use specific font-size number. I could easily tell you what was wrong if you can give me a link ...

Hi Karl,
I know that I'm bothering you

But as I told in my first post, I'm trying to have all running in local. Then I'll buy the ImageVue retail version (I'm using the trial for now) and I'll upload in my website.
I have not yet addressed the problem of inserting Imagevue in my website and I've still a lot of problem to solve.
I have to admit you are really kind but I'm an old woman (really old.... it's not a way of saying

) facing with a lot of problem.
But I don't intend to give up

I've read all your FAQ and all the articles and I'm now reading all the post here in the forum, but sometimes it's not so easy to follow your instruction. All the things we are used in, it seems really easy !!! But when they are completely new, it's more difficult.

Anyway, the code in CSS stylesheet is :

}
.textpage{
font-family: "Maiandra GD","Papyrus","Palatino Linotype","Georgia";
font-size: 20px;
color: #ffcc84;
font-style: bold;
}
.textpage_title{
	font-family: "Maiandra GD","Papyrus","Palatino Linotype","Georgia";
	font-size: 30px;
	leading: 8px;
	color: #1C1C1C;
	font-style: normal;
}
.textpage_body{
font-family: "Maiandra GD","Papyrus","Palatino Linotype","Georgia";
font-size: 20px;
color: #ffcc84;
font-style: bold;
}
.textpage_form{
	font-size: 16;
}
.textpage_forminput{
	/* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash. 
	Please use 0x color formatting instead of #  
	font-family onyl supports a single font value. Make sure its a font that is globally supported*/
	color: 0xffcc84;
	font-size: 15;
	font-family: Arial;
}
.textpage_forminputback{
	/* This specific class only supports the color style. Please use 0x color formatting instead of # */
	color: 0x1c1c1c;
}

Hope this is enough to let you understand what dump thing I did

Thank you
Lio

Martin · 25 Jun 2011, 02:25

Lio wrote:As you can see by my screenshot, I think I tried but the result is the same.

Hi Lio,

I put your css-code in the demo-gallery that is distributed with Imagevue.
To do this I created a new theme based on the default theme.
It is there that I put your css-code.
The result you can see below, here it looks allright:

Lio · 25 Jun 2011, 11:20

Martin wrote: Hi Lio,

I put your css-code in the demo-gallery that is distributed with Imagevue.
To do this I created a new theme based on the default theme.
It is there that I put your css-code.
The result you can see below, here it looks allright:

Hi Martin,
yes it's allright! But not in my textpage.
So, maybe the difference is that I'm working in a textpage above an image?
Let me explain: I'm doing a textpage like an "about me". In this textpage I have a picture (the text you see is part of the image).
Above the image I want to write some news about me and my pictures. And it's this text that I cannot have in the right size.
I have tried to modify ALL the text size in CSS without any success.
So I don't know if your example is close to my situation.
Anyway, thanks so much for your help

Lio

Martin · 25 Jun 2011, 12:08

Lio wrote:So, maybe the difference is that I'm working in a textpage above an image?

Hi Lio,

I modified the textpage of the demo-gallery, so that I put some text above the image that already existed there. I added the text 'Here is some text above a picture.... Here is...' Like this:

The result was this:

You see that the line-height is influenced by the height of the picture.
So I took a look at the html of the textpage (most right button in the textpage screen), and I saw this:

You see that some textformatting was added <textformat leading="100">.
My suggestion now is to look at the html in your situation and see if there is also some textformatting applied that your are unaware of...

Just an idea....

Lio · 25 Jun 2011, 13:22

Hello Martin, Thanks for your patience

I completely eliminated that textpage folder and I've created a a new one. I've writtten the text directly in html and now all seems OK. But only "seems"

Next to the image is appeared a " Flash" link (asfunction:_root.link,content/IoLio/) and it's obviously a n error, but in the html page nothing is present.

And at the end of the page the "send" button is cut in a half

Any idea?

Lio

Martin · 25 Jun 2011, 14:16

Lio wrote:Any idea?

No, I did the same ... no problem here...
Look at this textpage I made with a copy of some html and adding of a contactform... this one looks good:
http://www.martinbroeze.nl/g3/#/content/contact2/

(You have to scroll down to see the contactform)

Sorry I couldn't help

X3Photo Gallery Forums

Form Label-Color14 posts

Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color

Re: Form Label-Color