Hi!

You can add following code to Quick CSS in Enfold theme options

.related_image_wrap { height: 36px; }

Regards,
Yigit

Hi saquasar!

Please try adding following code to Quick CSS in Enfold theme options under Styling tab

.portfolio-preview-image {
width: 600px;
}

Cheers!
Yigit

Hey!

Please add this on your custom.css or Quick CSS to remove the scrollbar:

.four.units.single-product-main-image.alpha {
overflow: hidden;
}

Cheers!
Ismael

Hey!

Link to image still seems to be broken. Please change Ismael’s code with following one. It should fix both gradient issue and button on your second link

.main_color input[type='submit'], .header_color input[type='submit'], div .header_color .button {
background-color: #c05f5f;
color: #ffffff;
border-color: #a03d3d;
border-radius: 3px;
background-image: url("https://dev.midischool.com/wp-content/themes/enfold/images/layout/bg-button.png");
background-repeat: repeat-x;
background-position: 0 0;
padding: 10px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 3px 0;
line-height: 1.2em;
position: relative;
font-weight: 600;
text-align: center;
max-width: 100%;
}

.avia_ajax_form .button {
margin: 0;
padding: 16px 50px;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: normal;
font-size: 12px;
}

input[type="submit"], #submit, .button {
padding: 9px 22px;
cursor: pointer;
border: none;
-webkit-appearance: none;
}

Best regards,
Yigit

Hey Jan!

This is possible. Just add an image and edit it. You can add html tags on the caption area of the images. Something like:

<a href="LINK HERE" target="_blank">Read More...</a>

Regards,
Ismael

Hi kaMai!

You replace these lines with the get_post_meta for custom fields:

//on single page replace the link with a fullscreen image
        if(is_singular())
        {
            $link = avia_image_by_id(get_post_thumbnail_id(), 'large', 'url');
        }

        //echo preview image
        if(strpos($blog_style, 'big') !== false)
        {
            if($slider) $slider = '<a href="'.$link.'">'.$slider.'</a>';
            if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
        }

Cheers!
Ismael

Hi cirrus05!

In my opinion there is no way to display tables on mobile devices as they are on bigger screens. An idea though; each column could be added as linked images right under actual table and only be visible on mobile devices while actual table is hidden. If you would like to give it a try and see how it will look, please create a temporary admin login and post it here privately and i can do it for you.

Regards,
Yigit