• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

colleencamacho

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 7, 2022 at 1:06 pm in reply to: Speed Issue Want to Migrate Site from One Theme to Another #504804
    colleencamacho
    Participant

    Are you planning to move your WordPress site to a new hosting company or a different server? The biggest risk when switching web hosting or migrating a website to a new server is data loss and downtime.

    Both of these can make your website temporarily inaccessible to users and search engines which can result in loss of sales and search engine rankings.

    In this step by step tutorial, we will show you how to safely migrate your WordPress site to a new host without any downtime.

    We’ll also answer the most frequently asked questions about moving a WordPress site to new hosting provider, so you can avoid making some common mistakes.

    If you are stuck with a slow web host even after optimizing WordPress speed and performance, then it’s time to move your WordPress site to a new host that can handle your growing traffic.

    When looking for a new WordPress hosting provider, it’s important to choose carefully, so you don’t have to move again any time soon.

    Here’s who we recommend:

    For reliable shared hosting, we recommend going with Bluehost. They’re officially recommended by WordPress.org. Using our Bluehost coupon, WPBeginner users get 60% off and a free domain name.
    If you’re looking for cloud hosting or location-specific providers, then we recommend you check out Siteground. They have data centers across 3 different continents.
    If you’re looking for managed WordPress hosting, then we recommend you check out WP Engine. They are the best and most well-known provider in the industry.
    After buying your new hosting, do NOT install WordPress. We’ll do that in a later step.

    For now, your new web hosting account should be completely empty with no files or folders in your main directory.

    Step 2: Setup Duplicator for Easy Migration
    The first thing you need to do is install and activate the free Duplicator plugin on the website that you want to move. For more details, see our step by step guide on how to install a WordPress plugin.

    Duplicator is a free plugin that we highly recommend. You can also use it to move your website to a new domain name without losing SEO.

    However, in this article, we will walk you through how to use it to migrate your WordPress site from one host to another with zero downtime.

    Once you have installed and activated Duplicator, go to the Duplicator ยป Packages page in your WordPress admin area.

    Next, you need to click the ‘Create New’ button in the top right corner.
    Step 3: Import Your WordPress Site to the New Host
    Now that you have downloaded both the archive and installer files, the next step is to upload them to your new web host.

    You can do this by connecting to your new web host using FTP.

    If you’ve never done this before, check out our beginner’s guide to uploading files via FTP to WordPress.

    Normally, you would enter your website’s domain name as host when connecting your FTP client.

    However, since your domain name is still pointing to your old host, you’ll need to connect by entering your server’s IP address or server hostname. You can find this information from your new hosting account’s cPanel dashboard.
    If you are unable to find this information, then you can ask for support at your new web hosting company, and they will help you out.

    Using the FTP client, you need to upload both installer.php file and your archive .zip file to the root directory of your website.

    This is usually /username/public_html/ folder.

    Again, if you are not sure, then ask your web hosting company.

    Make sure that your root directory is completely empty. Some web hosting companies automatically install WordPress when you sign up.

    If you have WordPress installed in your root directory, then you need to delete WordPress first.

    Once done, you need to upload both the archive zip file and installer.php file to your site’s root directory.

    Step 4: Change The Hosts File to Prevent Downtime
    Once you’ve uploaded both files to your new host, you need to access the installer.php file in a browser.

    Normally, this file can be accessed using a URL like this:

    http://www.example.com/installer.php

    However, this URL will take you to your old web host, and you will get a 404 error. This is because your domain name is still pointing to your old web host.

    Normally, other tutorials might tell you to change your domain nameservers and point it to your new hosting company, but that’s wrong.

    If you do this now, then your visitors will see a broken website as you migrate it.

    We’ll show you how you can access your new site temporarily on your computer, without affecting your old site.

    This is done with a hosts file on your computer.

    The hosts file can be used to map domain names to specific IP addresses. In other words, it lets you trick your computer in thinking that the website is moved even though it’s not.

    Let’s take a look at how to add an entry for your domain name in the hosts file, so that it points to your new hosting company.

    Making these changes will allow you to access the files on your new host using your own domain name, while the rest of the world will still be accessing your site from the old host. This ensures 100% uptime.

    The first thing you need to do is find the IP address of your new web hosting server. To find this, you need to log into your bosch router table insert dashboard and click on expand stats link in the left-hand sidebar. Your server’s address will be listed as Shared IP Address.

    On some web hosting companies, you will find this information under ‘Account Information’ heading.

    March 7, 2022 at 1:00 pm in reply to: Column margins when nested within a full-width column or container #504803
    colleencamacho
    Participant

    Nested Columns are simply columns within columns. For example, you could add two 1/4 column inside a 1/2 column, which would mean the nested columns will be 1/4 of the 1/2 column they are in, and 1/8 of the entire page width. And with the release of Avada 7, Nested Columns also have Flex features. Read on to find out about this useful design tool in the Avada Builder, and watch the video for a visual overview.
    Step 1 – Create a new page, or edit an existing one.

    Step 2 – Activate the Fusion Builder by clicking the ‘Use Fusion Builder’ button on top of the page editor.

    Step 3 – Insert a Container, then add columns into it. In each column, there’ll be a ‘+ Element’ button.

    Step 4 – Click the ‘+ Element’ button, then switch to the ‘Nested Columns’ tab.

    Step 5 – Simply click the column layout you’d like to add to the page. Once you added, it’ll be displayed as a ‘Nested Columns’ element.

    Step 6 – To add content into nested columns, click the ‘Edit’ icon on the ‘Nested Columns’ element. Once you do that, a window with your columns will appear.

    Step 7 – On this window, you can edit the nested columns and add elements into them. Once you’re finished editing the columns, click ‘Done’.
    The edit screen within each Element. At first glance, the Nested Columns Element does not have any Element Options. This is because they are in the individual columns of the Nested Columns Element, rather than the parent element itself.

    You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
    The above example creates three equal-width columns on small, medium, large, and extra large devices using our predefined grid classes. Those columns are centered in the page with the parent .container.

    Breaking it down, here’s how it works:

    Containers provide a means to center and horizontally pad your site’s contents. Use .container for a responsive pixel width or .container-fluid for width: 100% across all viewport and device sizes.
    Rows are wrappers for columns. Each column has horizontal padding (called a gutter) for controlling the space between them. This padding is then counteracted on the rows with negative margins. This way, all the content in your columns is visually aligned down the left side.
    In a grid layout, content must be placed within columns and only columns may be immediate children of rows.
    Thanks to flexbox, grid columns without a specified width will automatically layout as equal width columns. For example, four instances of .col-sm will each automatically be 25% wide from the small breakpoint and up. See the auto-layout columns section for more examples.
    Column classes indicate the number of columns you’d like to use out of the possible 12 per row. So, if you want three equal-width columns across, you can use .col-4.
    Column widths are set in percentages, so they’re always fluid and sized relative to their parent element.
    Columns have horizontal padding to create the gutters between individual columns, however, you can remove the margin from rows and padding from columns with .no-gutters on the .row.
    To make the grid responsive, there are five grid breakpoints, one for each responsive breakpoint: all breakpoints (extra small), small, medium, large, and extra large.
    Grid breakpoints are based on minimum width media queries, meaning they apply to that one breakpoint and all those above it (e.g., .col-sm-4 applies to small, medium, large, and extra large devices, but not the first xs breakpoint).
    You can use predefined grid classes (like .col-4) or Sass mixins for more semantic markup.
    Be aware of the limitations and bugs around xpressbees track your order , like the inability to use some HTML elements as flex containers.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble