1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Footer widget columns

Discussion in 'Free Divi Community Forum' started by ITsorted, Feb 3, 2019.

  1. ITsorted

    ITsorted New Member

    I've set up two equal width widget columns. But I cannot get text in 2nd column to be on far right.
    Any suggestions?
    With thanks
    Massimo

    This is my site
    https://www.space-works.co.uk/contact/

    These are my settings ...
    Customising - Footer - Layount - Column Layout = 2 equal columns

    Widget Footer Area #2 contains
    <p style="text-align: right;">Thanks to
    <a href="http://www.katzcowley.com" target="_blank" rel="noopener">www.katzcowley.com</a>
    for our logo</p>

    Result is shown in image.

    Finally this is all the code in my Additional CSS

    h1, h2, h3 {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    }

    /* main menu fix
    * brkpnt for hamburger menu */
    @media (max-width: 1024px) {
    #et_mobile_nav_menu {
    display: block;
    }
    #top-menu {
    display: none;
    }
    }
    /* */

    .footerheading {
    color: white !important;
    }

    #footer-widgets {
    padding: 2% 0 0;
    }

    .footer-widget {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    }
    /* footer contact details */
    .footer-contact{
    padding-top: 0px !important;
    }

    /* move social media icons left
    * and copyright - right */
    .et-social-icons {
    float: left; }
    #footer-info {
    float:right; }
    /* */

    .whitetext {
    color: white;
    }

    .bigHr {
    background-color: #3990d3 !important;
    color: #3990d3 !important;
    border: transparent !important;
    height: 15px !important;
    width: 500px !important;
    }

    .swpullquote.su-pullquote {
    border-left: 0px !important;
    }

    .easy_t_single_testimonial blockquote {
    color: #3990d3 !important;
    }

    .easy_t_single_testimonial blockquote p span.testimonial-client {
    font-weight: bold !important;
    }

    .easy_t_single_testimonial blockquote p span.testimonial-position {
    font-weight: bold !important;
    }

    /* hide featured image in posts */
    /* none of these work! */
    .single-post .wp-post-image {
    display: none;
    }
    .single .featured-thumbnail img { display: none; }
    .single .et_post_meta_wrapper img {
    display: none;
    }
    .single .post-meta img {
    display: none;
    }

    /* code for plugin Content-Views - grid for video tips */
    .pt-cv-colsys {
    margin-left: -25px;
    margin-right: -25px;
    }
    .pt-cv-content-item {
    padding-bottom: 0px;
    line-height: 10px;
    }
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.