I have an image inserted into a color section that I would like to be able to swap for a different image when the site is viewed on a mobile phone. It is a wide .png which works great on a desktop but when viewed on a phone it becomes very small. Is it possoble to change it out on the phone?

Thank you.

Hi all,

Question1:
Where can I download the latest child-theme setup? I checked the latest zip from themeforest but without any luck.

Question2:
Previously I had a problem with a child-theme function, and this problem just came back on my new installation.
I really need to get this one fixed.

What happens is this:
1. I have a childtheme working perfectly
2. I modify for instance the “shortcodes/masonry_entries.php
3. I add this code given to me by Dude to make sure that my modified version loads before the default:

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;
}

4. Result is, yes it does work! My modifications are shown. But it messes up all kinds of other things, in the wordpress backend there is header code loaded inside the body tag creating all kinds of problems, like dashboard items that are totally out of style, a strange margin at the top of the admin area, media manager doesnt show images anymore etc etc besides that the fullscreen slider on the frontend messes up etc etc.. something is going wrong here for sure, removing Dudes code from step 3 fixes everything again.

5. Any ideas here, I really need to be able to modify core files and not loose these modifications on updates.

Kind regards,
Thomas

.avia_textblock tr {
background-color: #000000 !important;
}
@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo, .responsive .logo a, .responsive .logo img {
max-width: 110%;
height: auto !important; }}

.main_color .avia-data-table th.avia-highlight-col {
background-color: #000000 !important;
}

.avia-table-1 th.avia-highlight-col {
background-color: #000000 !important;
}
.avia-table-2 th.avia-highlight-col {
background-color: #000000 !important;
}
.avia-table-3 th.avia-highlight-col {
background-color: #000000 !important;
}

tr, td, table {
background-color: #000000 !important;
color: #FFFFFF !important;
}

.main_color table.avia-data-table, .main_color div .avia-data-table tr:nth-child(even) td {
background-color: transparent !important;
}

.avia-table.avia-data-table.avia-table-2.avia-builder-el-5.avia-builder-el-no-sibling td{
background-color: transparent !important;
}

.avia-table.avia-data-tab{
background-color: transparent !important;
}

ive tried several of ur topics but without luck ill post my url with the problem hope u can help me

i just want to make the table row all of em black