Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #203872

    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/

    #203883

    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

    #203889
    This reply has been marked as private.
    #203895

    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

    #203898
    This reply has been marked as private.
    #203900

    Also can the rounded edges be removed from the easyslider?

    #203902

    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

    #203904

    Hi!

    You can use following code to remove border radius

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

    Regards,
    Yigit

    #204651
    This reply has been marked as private.
    #204827

    Hi!

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

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

    Cheers!
    Yigit

    #204876
    This reply has been marked as private.
    #204879

    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

    #204881
    This reply has been marked as private.
    #204892
    This reply has been marked as private.
    #204918

    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

    #204929
    This reply has been marked as private.
    #204933

    Hey!

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

    Best regards,
    Ismael

    #205281

    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

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.