Editing the border around the thumbnails and title positioning
Permalink Browser Info Environment
I was hoping you could tell me if there are ways of editing the colour/thickness of the thumbnail borders.
Additionally if there is a way of having the image titles appear above the thumbnails instead of underneath.
thank you for you time
C
Additionally if there is a way of having the image titles appear above the thumbnails instead of underneath.
thank you for you time
C
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Thank you for your response. It worked a treat.
A client has asked me if there is also a way to remove the rounding of the corners on the thumbnails?
Thanks
C
A client has asked me if there is also a way to remove the rounding of the corners on the thumbnails?
Thanks
C
you can do that by deleting the line:
From the " .touchgallery-thumbs a" declarations
border-radius:4px;
From the " .touchgallery-thumbs a" declarations
thanks again.
C
C
Hello Again.
Is the a way to have each row of thumbnails align to the right or left instead of from the center?
Thanks in Advance
Craig
Is the a way to have each row of thumbnails align to the right or left instead of from the center?
Thanks in Advance
Craig
Yes, look somewhere at the top of the css file for a line that says
and replace center by left or right as you prefer
text-align: center;
and replace center by left or right as you prefer
Worked a treat.
Thanks
Thanks
You first need to create a templates to make sure you don't modify the add-on's original files.
To create a template, go to your root "blocks" directory. In it create a folder named "touch_gallery" then in this folder create a folder called "templates" then inside templates create a folder called anything you want but following this convention:
1-no capital letters
2- all spaces replaced with underscores (_)
3- only letters and numbers.
so for example call it "blue_border"
Then you need to copy certain files from touch gallery inside this last folder.
Go to packages\touch_gallery\blocks\touch_gallery and copy "view.php" as well as the 2 folders "css" and "images" then paste them in the template folder you created.
Once you have your template, you need to actually apply it to see the changes you will perform. Put your page in edit mode, click on the block and select "templates". From the list select your template and save.
For the modifications, in the newly copied css folder open touchStyles.css to make modifications.
Towards the beginning of the file look for
the line
is responsible for the border thickness and color. After that you will need to look for
and modify the line
to match the color you set previously.
To make the thumbnail caption go above thumbnails instead of below, with the same block of code you need to add the line
45px is a value that should work ok but you need to experiment here to get what you want.
The "!important" declaration is needed here so please don't forget it.