Hello,
here it's the official topic for all Pure_* styles, created for :
-post here your bug, suggestion, comments etc
-retrieve here the news about all Pure_*
Currently :
# Pure_default [extension by flop25] Pure_default is needed for all the following style, so download it first
# Pure_autumn [extension by flop25] Pure_autumn
# Pure_clear_blue [extension by flop25] Pure_clear_blue
# Pure_freaky [extension by flop25] Pure_freaky
# Pure_green_nature [extension by flop25] Pure_green_nature
# Pure_grey [extension by flop25] Pure_grey
# Pure_grey_plastic [extension by flop25] Pure_grey_plastic
# Pure_sky [extension by flop25] Pure_sky
# Pure_tr_clear_blue [extension by flop25] Pure_tr_clear_blue
# Pure_tr_green_nature [extension by flop25] Pure_tr_green_nature
Last edited by flop25 (2010-10-21 23:25:18)
Offline
Hello flop25
Would it be possible using CSS to alter the layout of the album tab
Look at the attached image to see the present layout
I'd like to alter that so the thumbnail photo and any text are vertically center
Also I'd like to remove the top 'Hut:Jan' and to move the name 'Sykeside Camping Barn ' to be above any other info - such as the number of photos
And for that changed layout to be the default for all
Would that be possible
Offline
Hi IGraham
the easiest would be to use a custom template of mainpage_categories.tpl, using as usual LocalFiles Editor
Offline
hello flop25
So, using LocalFiles Editor in the Templates tab I created
File name >> 'mainpage_categories.tpl'
Parent directory >> 'template-extention'
Model >> 'default/mainpage_categories.tpl'
And altered text div to
<div class="text"><br />
{if not empty($cat.DESCRIPTION)}
<p>{$cat.DESCRIPTION}</p>
{/if}
<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
</div>
Reloaded the site
And nothing changed
I checked (ftp) and the changed and backup 'mainpage_categories.tpl' have appeared within the folder 'template-extension'
Obviously I'm not doing something right
A few pointers would be nice please
Offline
You just forgot to activate the template, in Configuration
Offline
Eventually got back to this and as you said flop25 I'd forgotten to activate my template.
I got some of what i wanted done, the layout is now slightly different, but failed to get the image vertically aligned. It was fun trying and even a little educating.
Thanks for the help
Offline
Please, do me a favor -and for your guest too- : don't use Comic Sans MS!! You have tons of much better fonts there for free http://www.google.com/fonts/ and more around the web
to vertically center :
div.container {
text-align:center; /* to center horizontally */
}
div.bloc {
width:100px;
margin:0 10px; /* horizontal space between blocs */
border:1px solid #fff;
display:inline-block;
vertical-align:middle;
text-align:left;
}
Offline