I realize that all I need to do is remove the 'MARGIN-BOTTOM' from the CSS and that will remove the margin, HOWEVER, when I go into the HTML/CSS for my blogger, 'ELEMENT.STYLE' is not able to be found.
@hendrix940, when you see 'element.style' in the inspector, it means it's an inline style, which means either a) editing the html itself, or b) editing the javascript that's creating that inline style...
OR add margin: 0 !important to your css to override the inline style.
The border is border: 1px solid black so...to add to an img tag it would be:
@hendrix940, no, don't put element.style in your css, as it's not really calling anything..what you need to do is find out what ID or class that element is using, and override it through that class or ID. For example, if you have a div with class of main-div and in the inspector tool you see
And this is the CSS that blogger automatically is generating. You'll also notice I tried to implement your instructions but it didn't remove the margin-bottom.
element.style {
clear: right;
float: right;
margin-bottom: 1em;
margin-left: 1em;
}
The above code is what blogger is automatically generating for me.
I tried:
.separator {
margin-bottom: 0 !important;
}
But this doesn't remove the 'margin-bottom'Check out this Pen!
I really appreciate the help. How can I add a thin black border around IMG tag and also, how can I remove the margin that's under a photo?
Here's HTML:
Here's CSS:
THANK YOU SO MUCH!!!
I realize that all I need to do is remove the 'MARGIN-BOTTOM' from the CSS and that will remove the margin, HOWEVER, when I go into the HTML/CSS for my blogger, 'ELEMENT.STYLE' is not able to be found.
@hendrix940, when you see 'element.style' in the inspector, it means it's an inline style, which means either a) editing the html itself, or b) editing the javascript that's creating that inline style...
OR add
margin: 0 !importantto your css to override the inline style.The border is
border: 1px solid blackso...to add to an img tag it would be:I found the answer here: http://www.southernspeakers.net/2011/02/adding-shadow-around-blogger-post.html
Awesome! Thank you @chrisp I very much appreciate your explanation sir!!
@chrisp , so if I wanted to remove a margin-bottom attribute
on only the IMG tags ... then, I would write it like this:
correct? THANK YOU SO MUCH!!
@hendrix940, no, don't put
element.stylein your css, as it's not really calling anything..what you need to do is find out what ID or class that element is using, and override it through that class or ID. For example, if you have a div with class ofmain-divand in the inspector tool you seefor div.main-div, you need to put in your CSS:
that way, the margin in your CSS will override the inline style of
margin-bottom: 1em;that you see in 'element.style'Does that make sense?
Okay, yes I think I understand. I'm trying it out right now sir.
@chrisp , I'm doing something wrong. Here's the HTML:
And this is the CSS that blogger automatically is generating. You'll also notice I tried to implement your instructions but it didn't remove the margin-bottom.
Furthermore, when I got into the HTML/CSS of the blogger, I can't edit and modify 'ELEMENT.STYLE'
@hendrix, you almost have it..
.separatorhas no margin-bottom, but the childadoes, so it should look like this:AH!! Thanks so much dude!!