Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • December 30, 2013 at 8:55 pm #203872
    5fold

    I’ve got a 2/3 column with easy slider and 1/3 column with form. I want to have the Easyslider fill up the 2/3 column so it has no padding or margins around, basically no white space around the image.’

    http://kyko.wpengine.com/ (hosted on WPengine)

    December 30, 2013 at 9:59 pm #203883
    Yigit

    Hey glozemedia!

    Can you post a screenshot and show how exactly you would like it to look so we can provide you more accurate custom CSS code? We may need a temporary admin login, please post it here privately as well

    Regards,
    Yigit

    December 30, 2013 at 10:06 pm #203889
    5fold
    This reply has been marked as private.
    December 30, 2013 at 10:15 pm #203895
    Yigit

    Hey!

    Changes are done. Please review your website. There is only whitespace on the bottom and that is because of the contact form on the right. You are going to need to decrease the height of the contact form in order to remove that whitespace too. You can find custom CSS code i added in Quick CSS section in Enfold theme options under Styling tab

    Best regards,
    Yigit

    December 30, 2013 at 10:18 pm #203898
    5fold
    This reply has been marked as private.
    December 30, 2013 at 10:19 pm #203900
    5fold

    Also can the rounded edges be removed from the easyslider?

    December 30, 2013 at 10:28 pm #203902
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well. 

    @media only screen and (max-width: 480px) {
.avia-caption { bottom: -5px; }
.avia-slideshow .avia-caption .avia-caption-title { font-size: 17px; }
.avia-caption .avia-caption-content p { font-size: 13px; }}

    Cheers!
    Yigit

    December 30, 2013 at 10:30 pm #203904
    Yigit

    Hi!

    You can use following code to remove border radius

    .avia-slideshow li img { border-radius: 0; }

    Regards,
    Yigit

    January 2, 2014 at 7:55 pm #204651
    5fold
    This reply has been marked as private.
    January 3, 2014 at 3:12 am #204827
    Yigit

    Hi!

    You can change font size by adding following code to Quick CSS

    .home li.slide-1 h1 { font-size: 25px; }

    Cheers!
    Yigit

    January 3, 2014 at 5:16 am #204876
    5fold
    This reply has been marked as private.
    January 3, 2014 at 5:21 am #204879
    Yigit

    Hey!

    As i understand you do not want to change the font size only. If so, please go to wp-content\themes\enfold\config-templatebuilder\avia-shortcodes folder and open slideshow.php file and find h2 tag and change it to h1. It should be on 484th line http://i.imgur.com/EAtxqW8.jpg

    Regards,
    Yigit

    January 3, 2014 at 5:26 am #204881
    5fold
    This reply has been marked as private.
    January 3, 2014 at 5:58 am #204892
    5fold
    This reply has been marked as private.
    January 3, 2014 at 9:02 am #204918
    Ismael

    Hi!

    You can replace the code on slideshow.php, line 484:

    if(trim($title) != "") $title = "<h2 class='avia-caption-title' $markup_name>".trim(apply_filters('avf_slideshow_title', $title))."</h2>";

    Replace it with:

    if(trim($title) != "") $title = trim(apply_filters('avf_slideshow_title', $title));

    Edit each images on the Easy Slider element then manually add the h1 or h2 tag as the caption title. Include the “avia-caption-title” selector to retain the styling.

    <h1 class="avia-caption-title">This is a title.</h1>

    If you want it to be h2. Just add a caption title like this:

    <h2 class="avia-caption-title">This is a title.</h2>

    Cheers!
    Ismael

    January 3, 2014 at 9:58 am #204929
    5fold
    This reply has been marked as private.
    January 3, 2014 at 10:03 am #204933
    Ismael

    Hey!

    I’ll ask Dude for a solution. Please wait for his response.

    Best regards,
    Ismael

    January 4, 2014 at 9:38 am #205281
    Dude

    Hi!

    If you want to overwrite an existing shortcode create a “shortcodes” folder within the child theme directory, then copy the /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow.php into the child theme “shortcodes” folder and modify the php code (see Ismaels post). Then add following code into the child theme functions.php file

    
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
	$template_url = get_stylesheet_directory();
    	array_unshift($paths, $template_url.'/shortcodes/');

	return $paths;
}

    This code will make sure the the shortcode file of the child theme is loaded first and you can overwrite the parent theme slideshow shortcode file with the child theme.

    Best regards,
    Peter

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Have easyslider fill up entire column with no padding or margins’ is closed to new replies.