Adding Responsive images on your DotGolf Website
Here's the steps for adding a new article;
To create a new News Article for your Website, please log in as an administrative to your website. The easiest way to do this is to access the website via your DotGolf platform, click on the website tab and View site in Administrator mode. You’ll then be taken to your website as an admin and have a control box in your top right corner.
To create a new article, click on Return to Site Admin within the control box.
1. Insert image into the article window (Body section)- size of the image doesn't matter now.
2. Delete the dimension sizes that appear in the width and
height fields
3. Put 5 in the border field.
4. Go to the tab entitled 'Advanced'
5. In the field 'Stylesheet Classes' insert (exactly)
img-responsive
(The 'Style' will be appear after you press OK (it wont be listed there initially)
No matter where you view the article now the image and accompanying text will fit the screen.
Retrospective Changing Image to being Responsive in existing News Articles
1. In Administrator Mode, access the news article in the Latest News sub-menu on the website that you want to change.
2. Select 'Edit Page' and then 'Edit News Article'
3. Right click on the image(s) in the article and select 'image properties' and remove width and height (leave border size if you use it).
4. Go to the 'Advanced Tab' and insert 'img-responsive' as in no. 5 above. If you use borders then this will be listed in the 'Style' (as above). Do this for all the images in the article.
PLEASE NOTE: If you are making a lot of changes to your webpage view the admin log in you may need to clear your cache every once in a while.
Why do you need to clear your cache?
To shorten page load times, Web browsers cache most of the content that appears on the webpage, saving a copy of the webpage's content on the device's hard drive. This way, the next time the user loads the page, most of the content is already stored locally and the page will load much more quickly. If changes have been made this can sometimes load up an old version of the webpage for you.
Related Articles
Managing your DotGolf Website
To start editing your website, please log in via your DotGolf platform: This will then log you in as the website administrator and you should now have additional controls in the top right of your screen. You will now be able to edit content within ...Embedding a video into your website.
Please note that your video will need to be hosted by either Youtube or Vimeo to complete the below steps. Both of these platforms allow you to host your video and will give you a snippet of code for embedding into other websites. 1.Navigate to the ...Creating a New Orphan Page and adding it to the Menu on your website
1. Click "WEBSITE" 2. Click "Maintain Pages" 3. Click "Add Orphan Page" 4. Give the new webpage a name & title. 5. Once happy, click on "Continue". 6. Now to add the page to a menu you need to click "Add to Menu". 7. Click the dropdown and select ...Updating the Hero Image on your Website
Updating the Hero Image on your Website Tip! Try to follow the recommended image sizes through the process and upload jpegs. 1. Click "WEBSITE" 2. Click "View site in Administrator mode" 3. Click "Edit Page" 4. Click "Edit Hero" which will be found ...Accessing your Website Page in Admin mode and making Changes
1. Navigate to https://live.clubhouse.scottishgolf.org/ 2. Click "WEBSITE" 3. Click "View site in Administrator mode" 4. Then go to the page you wish to begin editing. In this example we are editing the "HISTORY" page found within the Club section. ...