Search…

X3 Photo Gallery Support Forums

Search…
 
one11
Topic Author
Posts: 11
Joined: 20 May 2009, 16:01

Image description lower right align

25 May 2009, 22:16

Hi :D

I would like to modify the text display when viewing an image
(ex.: http://nicolasnadeau.com/aba/#/content/ ... foret.jpg/)

So the title would be below image align right and the description below title align right

Right now, when modifying the theme, the "align right" gets spread all over the site :oops:

What am i doing wrong ? (or not doing!)
 
gadgetologist
Experienced
Posts: 123
Joined: 06 May 2009, 18:48

Re: Image description lower right align

26 May 2009, 00:54

one11 wrote:Hi :D

I would like to modify the text display when viewing an image
(ex.: http://nicolasnadeau.com/aba/#/content/ ... foret.jpg/)

So the title would be below image align right and the description below title align right

Right now, when modifying the theme, the "align right" gets spread all over the site :oops:

What am i doing wrong ? (or not doing!)
Select the proper theme...

Select settings and expand all....

Now this is where it gets a little confusing... fin - image. -text. -text1...

The items box will likely have "title" selected/highlighted. If not, look at the other text sections just below. Now just select the "style box" for where you want it and the "event box" if it's static or rollover, etc.

For description, to the same thing, only it should be in the -text2 section.

good luck
 
one11
Topic Author
Posts: 11
Joined: 20 May 2009, 16:01

26 May 2009, 09:02

My issue is not about finding where to change it, it's the style "Under image, align right" that is not available. :)
 
gadgetologist
Experienced
Posts: 123
Joined: 06 May 2009, 18:48

26 May 2009, 14:28

Sorry, I misunderstood...
Then what you are asking for is in the style sheet and related to my earlier answer. You need to know which text is set to title and description. Look at text1,2, or 3. I assume from your earlier response, you are following me, so I will not belabor too many details.

Now edit your theme and edit your theme style sheet. Search for for the "text_1" or text_2" or text_3" whichever applies for the title or the description or both.

For title you will see ".text_1_title" and for description you will see ... you guessed it ".text_2_description". Remember, the number, 1-2-3 can be different, depending on what it set in YOUR settings, so know your settings.

For the title and the description, if you had them selected in your settings and showing on screen, you will likely have an "{" here with some formatting html and then a "}". In between there somewhere reasonable on it's own line with proper handling put the following line in...
Code
text-align: right;
you'll see something like this for title...
Code
.text_1_title {
	font-family: "Maiandra GD","Papyrus","Palatino Linotype","Georgia";
	font-size: 18px;
        text-align: right;
	color: #006633;
	leading: 2;
}
All I added was the one line, the rest was there. save it. and it should work.

Warning.. If you don't reset cache in your browser, it will look like nothing changed because it loads the previous info. I always use IE with a fresh cache and reset the heck out of everything. But I use FF for everything else so I don't lose my valuable history, etc.

Hope this helps.
 
one11
Topic Author
Posts: 11
Joined: 20 May 2009, 16:01

26 May 2009, 15:27

Hey Gadegtologist - thx for your time, its appreciated :)

..almost there !

http://nicolasnadeau.com/aba/#/content/ ... ville.jpg/

2 issues remain:

#1
The main issue: "...Right now, when modifying the theme, the "align right" gets spread all over the site"

now all my titles for all images independently of sections are right align:
I wish only for the images contained in "Galerie" to be "right align", but now, "Diplomation" and even the "start page" have text_title that is right align. How can I specify what text (text1,text2,text3) formatting to select depending on section where I am in ?

#2 If you look @the text here : http://nicolasnadeau.com/aba/#/content/ ... aison.jpg/

you'll see that the "Huile sur toile 30X24" overlaps the lower image scroller. How can I add a margin there so both text are sufficiently away from the bottom scroller ?

Thx,
N
 
gadgetologist
Experienced
Posts: 123
Joined: 06 May 2009, 18:48

26 May 2009, 16:32

Hey Gadegtologist - thx for your time, its appreciated :)
Your Welcome.
2 issues remain:

#1
The main issue: "...Right now, when modifying the theme, the "align right" gets spread all over the site"...now all my titles for all images independently of sections are right align... I wish only for the images contained in "Galerie" to be "right align", but now, "Diplomation" and even the "start page" have text_title that is right align. How can I specify what text (text1,text2,text3) formatting to select depending on section where I am in ?
Answer: Currently, this feature doesn't exist. The ability to have global and local settings such as this has been discussed. The developers are aware, positive (as always) and open to it.
#2 If you look @the text here : http://nicolasnadeau.com/aba/#/content/ ... aison.jpg/

you'll see that the "Huile sur toile 30X24" overlaps the lower image scroller. How can I add a margin there so both text are sufficiently away from the bottom scroller ?
It's hard for me to say precisely since I have limited visibility, but one thing I noticed is that you have a lot of space at the top. It seems your orientation and margin at the top can easily be adjusted

Hope this helps a little.

(corrected for accuracy, workaround added in subsequent post)
Last edited by gadgetologist on 27 May 2009, 10:08, edited 1 time in total.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

27 May 2009, 06:20

Some more feedback:

#1 - As mentioned earlier by gadgetologist, you can ´t switch global settings between different folders. However, they should be a fairly simple workaround for this - Simply use the default alignment as default, but for textblocks you want aligned to the right, do this:

# Add a new class in your theme stylesheet. For example:
Code
.myrightalign{
text-align: right;
}
# Then, add your descriptions like this:
Code
<p class="myrightalign">Text here</p>
#2 - You have chosen to display the text at the bottom of the image, where also the controls and thumbnails are displayed. Obviously these will crash, but shouldn ´t you instead consider putting the text on the left, right or above the image to utilize the space better? You could increase the image.margin in the settings, but that would increase margins on all sides of the image, and it will force your image to be quite small.