i have been trying many different techniques to replicate the effect on this website with no success
im looking to have an image span across the top of the site just like the mountain is within this website. i’m not sure how to create this effect. i don’t want the full background resize like what freeway offers i’d just like to have the image only if possible.
The easy answer is to press the green button in the top right hand corner of that page but, assuming you don’t want to do that, you can add the image to the background of an HTML box as you would normally and simply add a bit of extra CSS that forces the image to scale with the box. Click on the box and select Item > Extended >
and click on the Add button. Enter;
name: background-size
value: cover
Click OK to get back to your design. Now when you preview the page the image should scale to fit the parent HTML box.
Regards,
Tim.
On 1 Aug 2014, at 17:46, theodore reid wrote:
im looking to have an image span across the top of the site just like the mountain is within this website. i’m not sure how to create this effect. i don’t want the full background resize like what freeway offers i’d just like to have the image only if possible.
Hi Theodore,
There are two things at play here that aren’t helping your cause;
You are using Showcase which, to date, only produces fixed width image galleries, and
The technique I used on the Monarch template (background:cover) only works on background images (as the name suggests). The images in your Showcase gallery are all regular image (img) elements rather than background images.
Regards,
Tim.
On 1 Aug 2014, at 18:23, theodore reid wrote:
thanks for the help. im not sure if im doing it correctly because im not getting the results. maybe its because i have a slideshow effect im not sure.
how to target certain areas of the site. like hyperlinking to a certain area on the page.
These are called Links to Anchors
You can attach them to images etc. by selecting the image and Edit>Anchor
In the subsequent dialogue box give it a meaningful name.
Now when you create a hyperlink (Edit>Hyperlink) when you choose Internal and pick a page to link to that has Anchors on it you can select your Anchor from the dropdown Anchor list.
You can create a link to any item on your page with an ID (without creating an Anchor first). To find an item’s ID look in the Inspector with your item selected and read the value in the Name/ID box.
Now if your item had the ID of item27 then to create a link to this item you would select the text or image that you wanted to become the Link and use Cmd+K (Edit>Hyperlink).
This brings up the Link dialogue box and if you choose External and type in #item27 and OK it then you have created a Link to item27 on that page.
However if you want to Link to an item on another page then you will have to use the page name followed by #item27 ie anotherpage.html#item27 but this will only work for pages on the same ‘level’ ie in the same folder.