Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 19, 2013 at 6:12 pm #28059
    silberrot

    Hi Team Kriesi,

    I wondering if its possible to integrate a picture into a table. A short answer would be great.

    Thanks,

    Silberrot

    August 19, 2013 at 7:15 pm #136302
    silberrot

    ….is it also possible to change the width of the table???

    August 20, 2013 at 4:29 am #136303
    Ismael

    Hey,

    Yes, that is possible. You can combine shortcodes or add HTML tags to the table element. Please give us a link to the page with the table element because it varies on different theme installations.

    Regards,

    Ismael

    August 20, 2013 at 8:36 am #136304
    silberrot

    Hi Ismael,

    please find attached the link to the page I’m working with at the moment.

    http://web409.mis63.de/?page_id=2516

    I was able to implement pictures to the tab with your hint. But will this also be possible within the Advance Layout Editor – because I’m not that good with codes…

    Also in the example you can see that the space between the table cells are quite big – do you know an option that it looks like more in this direction http://web409.mis63.de/?page_id=2440 … actually I would like to give an overview about my different sites like you can see in the portfolio overview – but I don’t like to use the portfolio due to if I’m creating more portfolios I will lost the overview and it’s limited with the design.

    Best regards,

    Silver

    August 21, 2013 at 3:22 am #136305
    Ismael

    Hey,

    Please switch the Advance Layout Editor to debug mode. This way, you’ll be able to see the actual shortcode below the builder.

    Edit functions.php, find this code:

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

    Below, add this code:

    //set builder mode to debug
    
add_action('avia_builder_mode', "builder_set_debug");
    
function builder_set_debug()
    
{
    
return "debug";
    
}

    You can combine shortcodes like you do on the Default Editor.

    You can add this on your custom.css or Quick CSS to decrease the space between the tables:

    .pricing-table {
    
margin: 1px;
    
}

    Regards,

    Ismael

    August 21, 2013 at 8:22 pm #136306
    silberrot

    Hi,

    perfect – thank you for your perfect help!

    Everything worked out so far. Now I just have the problem that the picture is not in the center as setuped – the table looks like this: http://web409.mis63.de/?page_id=2596

    any idea to bring the picture and text on the same line e.g. center or top…

    Thanks,

    Silver

    August 22, 2013 at 5:19 am #136307
    Ismael

    Hey,

    Just add this on your custom.css or Quick CSS:

    .main_color .avia-data-table .avia-highlight-col {
    
vertical-align: middle;
    
}

    Regards,

    Ismael

    August 22, 2013 at 7:23 pm #136308
    silberrot

    Hi,

    I just copied the text into the quick CSS but unfortunately it seems not to work :-(

    Best regards,

    Silver

    August 23, 2013 at 5:54 am #136309
    Ismael

    Hi,

    It works on my end. Again, please remove browser cache then load the page a few times to see the effect. Visited the site: http://web409.mis63.de/?page_id=2596

    This is what I see and I think it is fixed now:

    Cheers,

    Ismael

    August 27, 2013 at 1:25 pm #136310
    silberrot

    Thanks for your support!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Pictures in table’ is closed to new replies.