Sorry to bother you! I am using this code and would like to know how to enlarge the height of this code? I succeeded for the width but the height, I would like it to take more space on the screen since I hide my recent images!
Like this : https://toyhou.se/13078718.zipp-alt-sona-
this will only take care of the tabs/content side's height though, so you will need to add h-100 to the FOCAL IMAGE column as well! this will automatically make the image the same height as the content height without you going back and forth to edit things!
Sorry to bother you! I am using this code and would like to know how to enlarge the height of this code? I succeeded for the width but the height, I would like it to take more space on the screen since I hide my recent images!
Like this : https://toyhou.se/13078718.zipp-alt-sona-
1 year, 9 months ago
no worries!! you can change the height of the code by increase the height value here at TAB CONTENT:
<div class="card bg-faded tab-content table-responsive p-3" style="height:540px;">
this will only take care of the tabs/content side's height though, so you will need to add h-100 to the FOCAL IMAGE column as well! this will automatically make the image the same height as the content height without you going back and forth to edit things!
<div class="card border-0 bg-faded h-100" style="min-height:540px; background-image:url(IMAGE); background-size:cover;background-position:center;background-repeat:no-repeat;">
you shouldn't need to manually change the min-height because that sets up the image height for mobile view! <3 hope this helps!
1 year, 9 months ago Edited 9:02 pm
thank you, i just tested it and it's perfect <3
1 year, 9 months ago