Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2014 at 7:17 pm #209627
    bmneimark

    Hi –
    First and foremost, thank you for the awesome Enfold theme and your amazing work. Greatly appreciated!

    Looking for some assistance with figuring out the best way to adjust the 1/3rd COLUMN layout on the HOMEPAGE (only) in order to replicate the layout seen on the home page of the following website http://brenebrown.com/ — where the left and right photos are flush to the edge of the container AND the photos can remain their original SIZE of 360 width x 240 height. Our plan is to do the exact same setup of having two rows of 3 pictures.

    (Note: we DID adjust to the BOXED LAYOUT … should we also adjust to the RESPONSIVE LAYOUT LARGE 1210px max width setting?)

    Thank you.

    January 15, 2014 at 10:38 am #209962
    Ismael

    Hi bmneimark!

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Create a page then insert three 1/3 columns. On each columns insert the Images element under Media Element panel. Configure each Images element then add a custom css class. For example, let’s use the “one_third_image”. Add this on custom.css or Quick CSS to specify the height of the images with the “one_third_image” selector:

    .avia_image.one_third_image {
height: 240px;
}

    Best regards,
    Ismael

    January 16, 2014 at 11:28 pm #210925
    bmneimark
    This reply has been marked as private.
    January 17, 2014 at 6:15 am #211023
    Ismael

    Hi!

    Have you tried the solution above? Please give us a link where you tested it. We’ll inspect the page.

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘COLUMN (layout elements) – Width / Border / Alignment – HOME PAGE’ is closed to new replies.