Articles tagged "design"
48 articles. Check the editor label to find instructions for your site.
General helpMaking your website accessibleMaking your website accessible is an important part of your website design.General helpAnimate objects on your pageAdd animations to Sections, Columns, text boxes, buttons, images, and more with Pagecloud animations!Classic editorCreate Animations with Animate.CSSThis is an advanced walkthrough that requires the use of JavaScript.Classic editorAuto LayoutsLayouts let you structure objects with padding, backgrounds, and horizontal or vertical groupings for flexible, responsive designs.Classic editorAdd a Drop Shadow to an ObjectAdding a drop shadow effect to your objects can help them stand out from your page.Classic editorChange or Disable the Blue Glow Around your ObjectsFocus Glow is a feature imposed by most browsers to show that a link has been clicked.Classic editorFull width - Stretch across a ColumnAn Image or object within a Section Stretch an image or object across the full browser widthClassic editorGroup objects togetherCombining multiple objects into unified groups enables you to move them collectively as a single unit within PageCloud.Classic editorGroup content - Manual GroupsGroup content in Manual Groups to allow the freeform layout of different objects. Content in groups behave as a single object.Classic editorHide objects from Desktop or Mobile viewsUpdate: Show and Hide objects now works for both Auto and Manual columns. Sometimes you want to hide some objects in one mode and show them in another.Classic editorHow to multi-select objectsSelecting multiple objects are one is easy in Pagecloud.Classic editorHow to Lock Objects from MovingSometimes, you'll have sections of a page that you don't want to accidentally reposition while adjusting another part of your page.Classic editorRotate an ObjectRotating an object will give you more flexibility over the look of your photos and text boxes.Classic editorAdd space below an object (Auto column and Auto groups)The Space Below tool allows you to add vertical space between objects in an Auto Column Layout and Auto groups.Classic editorMove all objects up & down the page with squeegee (Manual column only)The Squeegee tool allows you to move all objects below a horizontal plane up or down the page to create or remove space.Classic editorShow All Objects with X-Ray ModeIt can be helpful to see the outline of your objects on the page as some objects may be layered below others.AI SiteManage AI Site images and designUpload, find, generate, replace, and edit images, then manage colors, fonts, buttons, and other AI Site styles.General helpInclude a GIF with GiphyGIFs are short animated images that help add a dynamic element to your PageCloud page.General helpAdvanced Button Hover Over EffectsThis is an advanced walkthrough. For simple button hover over effects visit the walkthrough HERE.General helpEmbed Different Tools with POWr.ioPOWr.io offers a number of different integrations, most of which are available as iFrame embed codes.Classic editorAdd and style componentsComponents are prebuilt complex objects that you can add to your page.Classic editorApply a custom color to Text and ObjectsApply custom colors to text, objects and more using the Editing menu. Apply a custom colorClassic editorGradient colorsGradients blend multiple colors together to make cool and interesting elements.Classic editorCreating a Mobile ExperienceBy Default, Your website will appear as a scaled version of your desktop site on mobile devices.Classic editorProject-wide colorsProject-wide colors are colors that you can create, name, and reuse throughout your site.Classic editorManaging and Adding FontsManaging Fonts in Pagecloud Fonts are a great way to bring your brand, design and personality into your website.General helpDesign Sidekick - Chrome ExtensionDesign Sidekick is a free extension powered by Pagecloud to help you find, save, and copy design styles directly into your Pagecloud website.Classic editorFind an Exact Colour on any Webpage with ColorZillaColorZilla is a browser extension that allows you to find out the exact color of any object within your web browser.Classic editorApply an Aspect ratioAspect ratios apply a defined width and height ratio to the selected object. A good example is your TV: a modern TV screen is a 16:9 ratio.Classic editorBackground imagesA background image is the image attached to the back of a container (such as a Page, Section, or Column).Classic editorAdd Color Tint to an ImageAdding a color tint to an image can help make a number of different images feel similar across your website.Classic editorTint an Image's Color when Hovered OverWhen images are used as links, a popular effect is to have the image's color tint when hovered over to emphasis that it is clickable.Classic editorHow to Crop an ImageImage cropping allows you to highlight a specific section of an image. Cropping an ImageClassic editorDisable image optimizationPagecloud optimizes images on upload to give you an optimal image size and quality based on the display size of the image on a page.Classic editorAdd Image FilterImage filters help adjust the look of your images to make them more stylized. Add Image FilterClassic editorAdd an Image GalleryImage galleries help organize a collection of images into a single object on the page.Classic editorHow to Add or Replace your ImagesThere are a few ways to add images to your page: Drag and drop one or more photos from your computer right onto your page.Classic editorAnimating Images with a Zoom EffectThe Image Zoom Effect (also called the Ken Burns effect) adds subtle movements to your still images.Classic editorHow to Make a Lightbox Image Gallery or Video Lightbox"Lightbox" is a term used when the content that displays images and videos on a page fills the screen and dims the rest of the webpage.Classic editorAdd Parallax effect to an imageKeep your background fixed as the rest of your page scrolls. This is also know as the Parallax effect.Classic editorHow to Import a Layer from PhotoshopBring elements or designs from Photoshop onto your PageCloud site. Copy Layers from PhotoshopClassic editorShowcasing your Images in a Slider GalleryCreate a slider image gallery on your PageCloud site to display a collection of imagesClassic editorBuild your site with SectionsSections are the building blocks of your page. Each Section is a horizontal container which contains Columns where you can place the content on your page.Classic editorSet a Page backgroundYour page contains all of your Sections and columns within it.Classic editorColumns - Vertical containers within SectionsEvery Section has at least one Column and can have as many as four.Classic editorHow to Create a Fixed Header SectionA Fixed header will keep your header section in place when visitors scroll up or down your pages.Classic editorSite wide Header and Footer SectionsHeader and Footer Sections allow have the same standard functionality as Sections with Columns.Classic editorImport Page LayoutImport Page Layout allowed users to import the layout of any web page as a starting point. This feature is no longer supported in the new editor.