Okay
  Public Ticket #1142068
Default Column Margin
Closed

Comments

  •  2
    jaroljmek started the conversation

    Hi there again

    1. Is it possible to globally change the column margin on standard rows.  On this page the column margin is quite narrow but there seems to be only the option of Default or None.

    http://sarahfordeowuor.com/books-2/

    2. Is it possible to have an image fill a column when using a Boxed Column so that the image bleeds to the edge of the column?

    Thank you in advance.

    Regards

    CJ


  •  3,032
    Andrew replied

    Hi Jarol,

    Thanks for contacting us regarding your query.

    You may use the following Custom CSS Code to apply a global margin to the inner column. 

    Please copy and paste this Custom CSS Code into the Page Specific Custom CSS Section in the WYSIWYG Editor of Visual Composer as illustrated in the image attached or shown below.


    /*Adds a Margin Right To The Inner Column To Increase Gap Size*/
    .vc_column-inner{
      margin-right: 30px; 
    }
    

    2. Is it possible to have an image fill a column when using a Boxed Column so that the image bleeds to the edge of the column?

    Unfortunately, this is not possible at this time.

    Please let me know if there are any more questions that I may answer for you.

    Cheers! 

  •  2
    jaroljmek replied

    Hi Andrew

    A couple more small things!

    1. On this homepage http://sarahfordeowuor.com/ in Mobile/Tablet view I cannot see the text logo because it's white.  Because it's a text logo I can't specify a starting logo.  Can you help resolve?

    2. On the same homepage in Mobile view is it possible to reduce the size of the H1 Custom Header so it is perfectly centred? (I understood there was a setting to change the font size responsively in the latest update.)

    3. On the other screenshot, the page title is not vertically aligned in Mobile view.  Is there a fix to align the Title vertically in the Title area?

    Thanks again!

    CJ

  •  9,007
    Tahir replied

    Hey Again,

    1: Try using the Custom Header Color  Scheme : 


    2: use the new Responsive Typography Settings : 


    3: Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
        #page-header-bg[data-alignment-v="middle"]:not(.fullscreen-header) .span_6 {
            top: 44%!important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    jaroljmek replied

    Hello again

    Thanks for the support.  All good except for:

    1. Text logo colour is not showing on the homepage which has a transparent header.  I've tried the Custom Header Colour option but no luck:

    Is there a CSS fix?

    Thanks!

  •  9,007
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
       #header-outer.transparent header#top #logo, #header-outer.transparent header#top #logo:hover{
           color:#000 !important;
        }
    }

    Thanks


    ThemeNectar Support Team