6 replies [Last post]
panchoskywalker
Offline
newbie
Last seen: 8 years 37 weeks ago
Timezone: GMT-4
Joined: 2012-03-12
Posts: 5
Points: 6

I'm new to wordpress, I've just made a website and I want to make small modification, I think it's CSS. I've run the site in firefox with firebug but as I'm newbie I don't know what to do.

I want to remove the buttons in red.


borrar by panchoskywalker, on Flickr

this is the site:

http://franciscourrea.com/sitio/

tjroberts086
tjroberts086's picture
Offline
Enthusiast
Last seen: 5 years 25 weeks ago
Timezone: GMT-5
Joined: 2010-01-08
Posts: 138
Points: 177

remove #controls, and

remove #controls, and #tray-arrow from your CSS file!

panchoskywalker
Offline
newbie
Last seen: 8 years 37 weeks ago
Timezone: GMT-4
Joined: 2012-03-12
Posts: 5
Points: 6

Thanks, I've removed

Thanks, I've removed this:

#tray-button, #jp_interface_1, #controls
{
	display: none;
}

that's in the 2174 line of my main CSS file but nothing happens

I've attached my CSS file in case you can give me a hand.

AttachmentSize
screen.txt 34.99 KB
balajidesign
balajidesign's picture
Offline
Enthusiast
Last seen: 7 years 6 weeks ago
Timezone: GMT+5.5
Joined: 2012-01-31
Posts: 116
Points: 124

hi panchoskywalker, you have

hi panchoskywalker,

you have multiple css files are running the controls. so you need to hide some of the css on supersized.css line no : 42.

#controls {
    background: none repeat scroll 0 0 #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0 8px;
    text-align: center;
    width: 120px;
    z-index: 5;
display:none;
}

it will help you.

Thanks,

panchoskywalker
Offline
newbie
Last seen: 8 years 37 weeks ago
Timezone: GMT-4
Joined: 2012-03-12
Posts: 5
Points: 6

balajidesign wrote: hi

balajidesign wrote:

hi panchoskywalker,

you have multiple css files are running the controls. so you need to hide some of the css on supersized.css line no : 42.

#controls {
    background: none repeat scroll 0 0 #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0 8px;
    text-align: center;
    width: 120px;
    z-index: 5;
display:none;
}

it will help you.

Thanks,

Well, thank you for your help, I've made both modification and nothing happens. Buttons are still there.

panchoskywalker
Offline
newbie
Last seen: 8 years 37 weeks ago
Timezone: GMT-4
Joined: 2012-03-12
Posts: 5
Points: 6

In firebug, I can see

In firebug, I can see this:

element.style {
display: block;
}

When I change it to "display: none" buttons do disappear but I don't know in which file to find this sentence.

panchoskywalker
Offline
newbie
Last seen: 8 years 37 weeks ago
Timezone: GMT-4
Joined: 2012-03-12
Posts: 5
Points: 6

Here's what I mean: buttons

Here's what I mean:


buttons by panchoskywalker, on Flickr