Okay
  Public Ticket #192533
align image to bottom of full width section
Closed

Comments

  • Aviv started the conversation

    Attached is an image of MINE and of what I would like it to do.

  •  8,470
    Tahir replied

    Hey Aviv!

    Add this into the Custom CSS box located in your Salient Options panel:

    div.full-width-section img {
    	margin-bottom: -46px!important;
    }
    
    
    

    Cheers


    ThemeNectar Support Team 

  • Aviv replied

    This makes ALL images in ALL pages lower. Oddly enough it did it for all images EXCEPT the one that i care about.

    Please see this page: http://bigleaguecinesummit.com/2014springspecial/

    The only image I want this to happen for is the image that is located to the right of the text 

    "A rare online gathering of the finest talent in cinematography today."

    Thank you.

  •  997
    ThemeNectar replied

    Hey Aviv!

    You firstly need to set the row bottom padding to 0 on that row - that will take care of a lot of the space - for the rest it will require making the left text smaller to allow the image to touch the bottom as i've done in various demo layouts. If you can supply me your admin credentials i'll gladly sort this out for you :)

    Cheers

  • Aviv replied

    Thank you. I think I will need a solution WITHOUT making the left text smaller. That would not be good at all for the marketing effectiveness of the page.

    I also would like much more control of the text sizes. Like the example file i have just added to this thread right now.

  •  8,470
    Tahir replied

    Hey Aviv!

    Please see screenshot: http://prntscr.com/38ocdz . You need to set 0 padding on the row as mentioned by Nectar as well. 

    Cheers


    ThemeNectar Support Team 

  •  8,470
    Tahir replied

    http://themenectar.ticksy.com/ticket/192535


    ThemeNectar Support Team 

  • Aviv replied

    This is the first thing I did. That is not solving the problem.

    I also made the text on the left small to see if that would solve the issue but it has not.

    please take a look here again:
    http://bigleaguecinesummit.com/2014springspecial/

    here is the code used:
    [full_width_section bg_pos="Left Top" bg_repeat="No-Repeat" text_color="Dark" image_url="" top_padding="40" bottom_padding="0" background_color="#f5f5f5"]

    [two_thirds]

    <h1>A rare online gathering of the finest talent in cinematography today.</h1>

    Pros like August Bradley, Matt Workman, Ben Fordesman, Art Adams and more will share their hard-earned knowledge which will take your filmmaking to new heights.

    Normally events like this one retail for about $900 plus your airfare and accommodations.

    The knowledge in just one of these presentations is valued at around $190.

    [/two_thirds]

    [one_third_last]

    [divider line_type="No Line" custom_height="5"]

    <a href="http://bigleaguecinesummit.com/wp-content/uploads/iPad01.png"><img alt="iPad01" src="http://bigleaguecinesummit.com/wp-content/uploads/iPad01.png" width="358" height="479" /></a>

    [/one_third_last]

    [/full_width_section]

  •  8,470
    Tahir replied

    Hey!

    Please see screenshot: http://prntscr.com/390bxj . The image has transparent bottom please crop it also there is a unnecessary br in there that is giving a space. Remove that as well. 

    Cheers


    ThemeNectar Support Team 

  • Aviv replied

    i don't see any br in my code in the text are, so i don't know how to fix it :(

    Why is this?

  •  8,470
    Tahir replied

    Hey Aviv!

    I dont see a br anymore either. Simply crop the image from the bottom and the gap should be gone. 

    Thanks


    ThemeNectar Support Team