How to edit element.style

element.style means that the CSS is inline — coded in the HTML of that element. So you’ll need to either find the relevant inline CSS or use external CSS that will override the internal (i.e. using !important or more specific selectors).

Are you saying that I need to rewrite the HTML for the inline> if so, how would I go about doing that?
(remember that I’m still a newbie at this kind of stuff ?? )

Actually, can you clarify what it is you want to do more exactly?

What I’m asking, is would I go to my css to find that code, or is it somewhere else in the editor?

To find inline CSS, you have to look in the HTML code for the element in question.

But going back to your initial post, if you are trying to move the map to an entirely different place in your site, you can’t do that with CSS. If it’s small adjustments in position, CSS is fine.

Okay, last question… I used firebug, and “inspected” the map, and the only info that it gave me was the element.style. If you dont know what I will give you a link to a screenshot below. What would I need to do to move the map through css? or is that too much to ask?

Capture

I can look at it fine and know what you mean – what I don’t know is where you want to move it?? Or what are you trying to change about the map?

Well, I am trying to move the position of the map on the screen. I have entered this code into the HTML(or CSS) through firebug

element.style {
width: 325px;
height: 250px;
position: relative;
left: 650px;
top: -20px;
}

But now all I need to do is to save it into my wordpress editor. Do I need to enter this code into my stylesheet? or do something different?

No, that won’t do anything at all — because element.style is not a CSS selector for an external stylesheet. What you need to do is go back to Firebug and look again at the div that contains the entire map — in this case it has a class of .mapp-container. So that’s the selector that you need to use to style that div:

.mapp-container {
   width: 325px;
   height: 250px;
   position: relative;
   left: 650px;
   top: -20px;
}

But the other thing you REALLY, REALLY need to do before making ANY changes to your theme files is create a child theme — otherwise all your changes are going to be lost when the theme is updated. I just noticed that you are using Responsive — which is a really great theme and has totally excellent support from the developer, Emil.

So check out this page on Child Themes. You might also want to visit the Responsive forums — as they are very helpful and know the theme very well.

BTW, your site is really nice looking — great job with it. I’m in California too — the Bay Area so we’re almost neighbors :)!

Uh, sorry — I kinda left the code part hanging — it would go in your style.css file — the child theme one!

Thank you VERY much! This is my first experience with this kind of stuff. I am 16 years old, and started this website for my mom about 3 weeks ago, and I think that I am going to become a natural learner with website design… Thank you again for your help!

-Cameron

OMG — you are totally amazing! Definitely keep at it — you clearly have great talent. It’s a really great job skill and career if you want to go that way — or just a lot of fun. Hope to see you around here and good luck to you and your family.

Hello I have a website that the slideshow was messing up and I seen that I needed to put the position: relative; for the slideshow to move over, now the other content on the other pages have moved as well can someone please take a look at my website and advise how to get the other pages to move back to the normal position.

https://www.edenbodyworks.com

Thanks in advance

@msteerob – please start a new thread if you need help – this one is months old and not likely the same issue.

How do I start a new thread I don’t see a place to begin a new thread