hidayah.binti.ramli

After force refreshing my page it works for me too. Thanks for your help.

I have removed the code from the custom css and added to the css of the child theme for you to view. Note I have changed the number of pictures from 16 to 1 so I don’t get 16 images shown unformatted.

I have got the instagram plugin to look kind of how I wanted it. I had to insert the following code into custom css provided via the jetpack plugin.

.null-instagram-feed .instagram-pics {
	margin: 0;
	padding: 0;
	list-style: none;
}

.null-instagram-feed .instagram-pics li {
	float: left;
	margin: 0;
	padding: 0;
	width: 12.5%;
}

.null-instagram-feed .instagram-pics li img {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

However if I apply this code to the child theme style.css the changes are not applied. Would this not indicate something is at a miss with the child theme style.css not overriding the parent theme style.css?

Thanks stephencottontail. Are you able to have a look at what code is required for the instagram in the footer as described in the other thread.

Looking at this closer the changes made did work. The body text has change to red which is what the code should do.

What I am trying to ultimately achieve is to have my instagram pictures in the footer similar to this. https://www.ads-software.com/support/topic/horizontal-images-in-footer?replies=14. However I could not get this to work.

I was hoping just to change the something via

body {
	color: #ff0000;
}

added to the child theme style.css to prove that it is working. But this did not work for me either. Was hoping to prove that my child theme is working before moving on to the changes to the instagram widget.

I have activated the child theme now. doteweb can you please elaborate a little. I am new to this.

I am also trying to do exactly this. I have been able to include a widget area in my footer however have not been able to rearrange the pictures so the fit horizontally within style.css.