Manipulate css with javascript

re:http://www.jorgemonedero.com/blog/index.php/portfolio/tamara-rojo-2/
I wish to move the close button (return to index) on the top right underneath the social media buttons to the bottom, along side the artist name - publication and image count.
When i change the css the button disappears behind a layer or div?
someone mentioned using javascript to manipulate the css - can anyone help?

Here are all the ways to manipulate CSS with js. http://www.websitecodetutorials.com/code/javascript/add-css-with-javascript.php. Post back if that is not what you meant.

Hi, thanks for that but it is not what need. These scripts are concerned with working in the absense of javascript; i need a javscript that over-rides the CSS

re:http://www.jorgemonedero.com/blog/in...tamara-rojo-2/
I wish to move the close button (return to index) on the top right underneath the social media buttons to the bottom, along side the artist name - publication and image count.
When i change the css the button disappears behind a layer or div?
someone mentioned using javascript to manipulate the css - can anyone help?

Off Topic:

Your link broke for some reason.

http://www.jorgemonedero.com/blog/index.php/portfolio/angela-figeroa-3/

I don’t see the button you are referring to.

top right below the twitter and instagram symbols

Hi,

Went to your site twice…here & codingforums…both times I see no close button. Granted I only use one eye to see with, but I don’t think I’m that blind. But, if you mean what I think you mean, you’ll need to put the button in a div and then relocate it’s position (top, left) to the new position.

That page does seem to have problems.

But if you go to portfolio/marios-schwab-2/ you’ll see

the black square with a X.
I thought it was already in a div: <div class=“close-btn” title=“Close”></div>

There doesn’t appear to be such a div on the page you linked to. You could really help yourself here by linking to a page the demonstrates the problem and clearly indicating where the problem is. Help us to help you. :slight_smile:

this page: http://www.jorgemonedero.com/blog/index.php/portfolio/richard-nicoll-2/ (if the button is not there refresh)
right click on it in firefox > inspect element which will show you <div class=“close-btn” title=“Close”></div>.
I want to move the button to the bottom to sit alongside the artist name - publication and photo count

FYI that would override CSS just like CSS would.

Hm there must be something else going on here. No button appears in my Mac browsers, and I can’t see any trace of the button in the inspector.

Maybe the <div class=“close-btn” title=“Close”></div> is visible as you see the page [U]http://www.jorgemonedero.com/blog/index.php/portfolio/richard-nicoll-2/[/U] locally,
but online there is no <div class=“close-btn” title=“Close”></div> on that page: not in the normal source code, and not in the generated source code by javascript.

But as Mittineague said , the button can be found on [U]http://www.jorgemonedero.com/blog/index.php/portfolio/marios-schwab-2/[/U].

Now in the stylesheet [U]http://www.jorgemonedero.com/blog/wp-content/themes/expression/style.css?ver=3.7.1[/U] are from line 1290 (!) the styles for the close button:

.close-btn {
    background-image: url("images/close-button.png");
    cursor: pointer;
    height: 27px;
    opacity: 0.5;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 27px;
}

If you change the right: 10px in left: 10px, then the button is coming just under the menu.

But what is the difference between the Close button and the Home-link?

Some minutes later: button disappeared also from the marios-schwab-2 page! :rolleyes:
I see in the source code for the jQuery options:

showClose:false,

That’s logical, isn’t it?

[ot]

Not in any of my browsers. :rolleyes: [/ot]

Ha! A beautiful crosspost! :smiley:
At the same moment I saw ([U]#18[/U]) the button had disappeared from the page where it was before!

And indeed, now I don’t see it either on any page of the site (and everywhere in the JQuery settings is commanded showClose:false,).

It looks like indigojones666 has decided to remove all Close-buttons; then our button search actions are in vain, and the start question is not relevant anymore. :rolleyes:

Waiting for answers what indigojones666 is asking us …

http://www.jorgemonedero.com/blog/index.php/portfolio/richard-nicoll-2/
the button is there - top right below the social icons. (you may have to refresh to view it for some reason)
i wish to move that button (close-btn / return to index) to the bottom of the page so that is sits alongside artist name - publication, photo count.
when i have tried changing the css the close button element is being obscured because it’s hitting the edge of the containing div that has a class of "slider-image