Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #746549

    adamhackney
    Participant

    Hi – Love the theme and cornerstone. It’s great to work with. I have just downloaded and installed the theme and plugins so assume it is the latest version.

    I’ve looked through the forums but am struggling to remove some padding or margins that are set in my design on this page http://www.adamhackney.com/WLSSA/

    The areas I’d like removed are the spaces I have highlighted green with the attached padding.jpg.

    I have set the section and element top margins to 0 but the columns still seem to have spacing there.

    Thanks for your help

    #746781

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! When you’re adding heading tags (http://snag.gy/LOstn.jpg), you can assign the class “mtn” to your elements to remove the space (check this example). Please refer to our element spacing guide for more information (https://community.theme.co/kb/element-spacing/).

    Also you can add this under Custom > CSS in the Customizer.

    
    .home .x-promo {
        margin-bottom: 0;
    }
    

    Hope that helps.

    #747146

    adamhackney
    Participant

    Thanks that worked perfectly

    I’m stuck on another css issue though.

    I cant seem to remove the grey borders around the widgets in the footer.

    Any suggestions

    Thanks
    Adam

    #747152

    John Ezra
    Member

    Hi Adam,

    Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    .widget ul, .widget ol {
        border: none;
    }

    If you want to remove the bottom borders on the list items, you can also add the following CSS.

    .widget ul li, .widget ol li {
        border: none;
    }

    Hope this helps – thanks!

    #747238

    adamhackney
    Participant

    You’re a great help thanks

    One more CSS issue. I changed the colour of the footer and it appears there are more grey borders and some dashed borders around the social media icons.

    How do I remove those?

    Thanks

    #747248

    Rue Nel
    Moderator

    Hello Again,

    To remove the dash lines in the social media icons in your footer, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css

    #lsi_widget-2 .lsi-social-icons li,
    #lsi_widget-2 .lsi-social-icons li a {
        box-shadow: none;
        text-decoration: none;
        border:  none !important;
    }

    http://prntscr.com/9qbk6n

    Hope this helps.

    #747349

    adamhackney
    Participant

    Amazing support thankyou

    #747382

    Paul R
    Moderator

    You’re welcome! 🙂

    #749466

    adamhackney
    Participant

    Great Support again thanks

    My site needs to have a google translator on it and I would like it to appear to the left of the nav bar menu at the top of the page.

    To display the translator plugin I just need the shortcode [GTranslate]

    How would I get this to appear to the left of the menu?

    Thamks

    #749525

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating this thread!

    Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    Once you already have your child theme active and ready, please insert this following code in your child theme’s functions.php file.

    function add_gtranslate_nav_item( $items, $args ) {
    
      if ( $args->theme_location == 'primary' ) {
        $items .= '<li class="menu-item x-menu-item x-menu-item-gtranslate">';
        $items .=  do_shortcode( '[GTranslate]');
        $items .= '</li>';
      }
    
      return $items;
    
    }
    add_filter( 'wp_nav_menu_items', 'add_gtranslate_nav_item', 9999, 2 );

    And then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-navbar .desktop .x-nav > li > a.gflag {
        display: inline-block;
        height: auto !important;
        padding: 0;
        margin: 0 4px;
        margin-top: 43px;
        border: none;
    }

    http://prntscr.com/9r4q1b

    We would loved to know if this has work for you. Thank you.

    #762185

    adamhackney
    Participant

    Thanks it did work as asked 🙂

    #762373

    Rad
    Moderator

    You’re welcome!

    #766589

    adamhackney
    Participant
    This reply has been marked as private.
    #766604

    adamhackney
    Participant
    This reply has been marked as private.
    #766803

    Christopher
    Moderator

    Hi there,

    Upon checking FTP files, I noticed you placed x folder inside another x folder. Please check this path in your FTP : /public_html/wp-content/themes/x/x.

    You should move x folder to /public_html/wp-content/themes/x

    Hope it helps.