Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 30, 2014 at 7:54 pm #285355
    richardwilding

    Hi, I previously added the following text you gave me to adjust the spacing of elements on my front page:

    div .av_one_third {
    margin-left: 2%;
    width: 33.3%;
    }
    div .av_one_half {
    margin-left: 2%;
    width: 49%;
    }
    body .column-top-margin {
    margin-top: 20px;
    }
    .content, .sidebar {
    padding-top: 20px;
    padding-bottom: 20px; }
    #top .isotope-item {
    padding-right: 10px;
    }

    The spacing is good overall, but the right alignment of the last column in the portfolio grid at the bottom of the page is around 10 pixels out of line with the columns above. How can I adjust this spacing so that both left and right sides of the portfolio grid always line up correctly with the other page elements, even when repositioned into 2 or 1 column in a responsive layout.

    Thanks, Richard

    July 1, 2014 at 1:51 am #285493
    Ismael

    Hi Richard!

    Thank you for using the theme!

    You can decrease the right padding of the portfolio columns:

    #top .isotope-item {
padding-right: 2px;
}

    Regards,
    Ismael

    July 1, 2014 at 11:41 am #285643
    richardwilding

    Thanks Ismael,

    Is there no way to keep the padding between the portfolio grid items at 10px, whilst having them line up on their far left and far right sides with the other page columns? I want to keep the 10px padding but have them stretch the full ‘page’ width.

    July 1, 2014 at 11:48 am #285649
    Yigit

    Hey!

    Please refer to Josue’s post here – https://kriesi.at/support/topic/changing-portfolio-grid-image-display-size-and-padding-enfold-theme/#post-283714

    Regards,
    Yigit

    July 1, 2014 at 12:45 pm #285677
    richardwilding

    Thanks Yigit, do I need to modify avia.js, or just add the css from that post in Quick CSS or my child theme css?

    July 1, 2014 at 1:06 pm #285682
    Yigit

    Hi!

    You should modify Avia.js file as well. You can replace it with the one Josue posted here – https://kriesi.at/support/topic/changing-portfolio-grid-image-display-size-and-padding-enfold-theme/#post-283714

    Regards,
    Yigit

    July 1, 2014 at 1:18 pm #285688
    richardwilding

    Thanks Yigit, I added the css to my child theme’s css, and also uploaded the modified avia.js to my child theme as js/avia.js in my child theme folder.

    But it doesn’t seem to be working. My portfolio grid is still 10px short on the right hand side?
    Have I uploaded something incorrectly?

    July 2, 2014 at 4:26 am #286015
    Ismael

    Hi!

    Thank you for the update.

    Please use this on the child theme’s functions.php if you want to load avia.js on the child theme folder:

    if(!is_admin())
{
	add_action('wp_enqueue_scripts', 'avia_register_child_frontend_scripts', 100);
}

function avia_register_child_frontend_scripts()
{
	$child_theme_url = get_stylesheet_directory_uri();

	//register js
	wp_register_script( 'avia-default-child', $child_theme_url.'/js/avia.js', array('jquery'), 1, false );
	wp_enqueue_script( 'avia-default-child' );
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.