MGSites Support
  • Home
  • Getting Started
  • Account Settings
  • FAQ
    • Activate My Website
      • What is DNS?
      • GoDaddy
      • Google Domains
      • Namecheap
      • Hover (Tucows)
    • Google Analytics
    • Edit Special Offers
    • Update Financing Page
    • Add + Edit Content
    • Add + Remove Webpages
    • Add + Update Images
    • Change Colors
    • Change My Logo
    • Integrations App
    • Add + Update Videos
    • Edit Blocks
    • Edit Quotes
    • Social Media Icons
    • Update Links
    • Update Button Links
    • Update Contact Us Pages
    • Update Header + Footer Links
    • Update Main Menu Icons
    • Update Phone Number Button
  • Edit Mode
  • Dashboard
  • Elements
    • Gallery
    • Button
    • Icon
    • Image
    • Image Slider
    • Sharing Buttons
    • Paragraph
    • Pages
    • Video
    • Title
    • Quotes
  • Contact Us

Questions? Contact us at:

support@mgsites.net
MGSites Support
Contact Us
MGSites Support
  • Home
  • Getting Started
  • Account Settings
  • FAQ
    • Activate My Website
      • What is DNS?
      • GoDaddy
      • Google Domains
      • Namecheap
      • Hover (Tucows)
    • Google Analytics
    • Edit Special Offers
    • Update Financing Page
    • Add + Edit Content
    • Add + Remove Webpages
    • Add + Update Images
    • Change Colors
    • Change My Logo
    • Integrations App
    • Add + Update Videos
    • Edit Blocks
    • Edit Quotes
    • Social Media Icons
    • Update Links
    • Update Button Links
    • Update Contact Us Pages
    • Update Header + Footer Links
    • Update Main Menu Icons
    • Update Phone Number Button
  • Edit Mode
  • Dashboard
  • Elements
    • Gallery
    • Button
    • Icon
    • Image
    • Image Slider
    • Sharing Buttons
    • Paragraph
    • Pages
    • Video
    • Title
    • Quotes
  • Contact Us
Sign In
2989-change-site-wide-logo-15454100728388.gif

How to change the site wide logo.

From the dashboard go to settings. 

 

> When the settings menu appears scroll down to site logo. Click the (X) in the upper right hand corner of the current logo to delete it. 

 

> Next click on browse your files or open media to find your new logo file. Select the file you would like to upload and click open. 

 

> You can follow these same instructions and change out your logo for mobile, as well as your favicon. 

 

> After you have completed uploading your files click the save button, then click refresh now. Now your new site wide logos will be automatically be placed throughout your site. 

Logo

How to Update or Add a Logo to Your Website

You can add your logo to your Crafting Area using the Logo Element from the Elements Section on the Left Panel.

 

Logo Formats

Ucraft supports the following file formats for your logo: svg, gif, png or jpg

 

Once you've added the Logo element, you'll find options to Upload your logo and decide whether you want to show the Small one on mobile or not. Let’s move forward to the Logo Settings and browse your small design.

996-upload-logo-file-16859737046746.png
Update or Add a Logo

Settings

Edit Icon- You can edit your Logo editing by simply clicking on it and choosing the desired option from the ‘Settings’.

 

Size - Just Play around with the black controllers to set the desired size.

logo settings

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon and choose the option your prefer: top, center, bottom.

 

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.

 

Trash Icon- If you don't need the Element anymore, Click on the ‘Trash’ to remove it from your page.

Logo align show delete
2999-change-image.gif

How to change images.

Select the image, photo, or graphic you want to change simply by clicking anywhere on the image:
 

> The option menu for editing will appear. Upload your image by clicking on the ‘Upload’ button and choosing the image you want from your computer. Once you've found what are you looking for,  just click open and your desired image is here. 
 

> If you have already uploaded some images and you want to use them, choose the ‘Select Image From Media’ option and pick the one you want to add.

3009-add-image.gif

How to add Images.

From the crafting board >  Click on the Element Icon in the tool bar to the left of the crafting page > add an image using the Image Element:

 

> Add an image by dragging and dropping the Image Icon on to the crafting area. where you would like to place your image, photo, or graphic. You can hover over the crafting area to see where exactly it can be placed, and the grey line will indicate whether it's in grid or full width.

 

> Click anywhere on the image area and the options for editing will appear.

 

> Upload an image by clicking on the ‘Upload’ button and choosing the image you want from your computer. Once you've found what are you looking for,  just click open and your desired image is here.

 

> If you have already uploaded some images and you want to use them, choose the ‘Select Image From Media’ option and pick the one you want to add.

3019-change-hero-image.gif

How to change the Hero Image.

You can change out your Hero Image the same way you change a regular image. Except this one is set as a 'block' background image. 


 

> Just click hover over the desired block, go to Block Settings hitting the 3 dots in the upper left corner of the Block and upload the ‘Background’ image from your computer or select one from your 'Media'. 


 

> Move the pointer to choose the preferred image area. 


 

> When it’s all set, push the ‘Save’ button. 

3032-add-video-element.gif

How to add videos.

From the Elements section just dragging and dropping the ‘Video’ icon to the Crafting Area.

 

> Before going any further, please keep in mind, that there's no option to upload a video directly to Tranesites but embedding videos from another host such as YouTube, Vimeo or Custom links. 

 

> Once you have uploaded or selected a video you would like to use from the supported video types, copy and paste the link to your video directly into the box on the video element you dropped on your crafting board. (The box is under the play arrow and says paste your YouTube or Vimeo Video link.)
 

Supported Video Types
Youtube
Vimeo
Custom - .mp4, .ogg or .webm formats
 

3042-change-video-element.gif

How to change videos.

> Just click anywhere on the desired video element, go to video settings, under Video URL copy and paste the new video link here.  

 

> You can change out the video thumbnail from here as well. Click on the thumbnail image, click on the (X) in the upper right hand corner to discard the current thumbnail image. 

 

> Choose a new image by browsing from you computer or selecting one in your media.

3056-color-element.gif

How to change colors.

If you want to make your site more colorful and eye-catching by changing the color of any element, make sure to use the ‘Colors’ tool from the Tools Panel on the left. You'll find a set of various color shades available on the Palette, both Flat and Gradient.
 

> To add a new color, click '+' and pick the desired color from the Dialog Window.

 

> You can specify the Hue simply moving the first pointer, while the second pointer determines the color Saturation.

 

> Playing with the color Opacity using the next pointer can be really eye-appealing while dropping the color on different elements or a certain block. You can find the recently applied colors below, as well as insert the color codes you prefer.

 

> Want to experiment with colors? Go ahead and use Gradient colors here. You can change the color patterns: Liner or Radial move the controllers to specify the desired style. 

 

> After adding the desired color to the Palette, simply drag and drop the color to the specific site element

MGSites Support
Help Desk
  • Home
  • Getting Started
  • Account Settings
Sign In
Questions?
support@mgsites.com
Questions?
support@mgsites.com

Privacy Policy | Accessibility Statement | All Content Copyright © MGSites.net