hello.
i know it seems abit weird but im trying to remove the menu bar. with the customizable features ive been able to make it disappear, but the space where the bar once was, is still there. does anyone know how or where i should take care of this? ive already figured its in the css file but ive played around a bit and cant seem to find the right code.
Also i was curious if anyone knows how to remove the "Home/ group/ subgroup" thing at the top. i cant seem to get it to disappear....
here is the website in question if it helps.
http://www.andrewshields.com/Piwigo/ind … category/2
best regards,
Go to www.andrewshields.com/Piwigo/admin.php
Configuration -> Menus -> uncheek 'menu'
Offline
youd think that was it... but its not. it removes the menu, but it doesn't comepletely remove it.
Hello
aldehydebends wrote:
with the customizable features ive been able to make it disappear, but the space where the bar once was, is still there. does anyone know how or where i should take care of this? ive already figured its in the css file but ive played around a bit and cant seem to find the right code.
There is no blak space due to menu : the blank space you're talking, is only due to the block container which is centered but contain element left aligned. Just add more album and you will see whar I'm talking about
aldehydebends wrote:
Also i was curious if anyone knows how to remove the "Home/ group/ subgroup" thing at the top. i cant seem to get it to disappear....
That's normal because it's the only way to navigate between pages if you remove the menu !
If you really want to delete it :
.browsePath {
display: none;
}
with Localfile editor
Offline
you say with local file editor... what is that? which file do i make the change? in the theme or in the css?
as far as the menu goes take a look here
http://www.andrewshields.com/Piwigo/ind … category/5
you can see there are a few thumbnails there and it never goes into the left most side as much as it does on the right. this just makes me think theres something in the way.
That's a plugin ; There is a Search function on that forum
About the menu space: see picture above . One is taken with the size of the browser exactly the same as a 'line of elements' and the other withe the original size. The content block is centered and the elements are left aligned : if youre display is not like my screenshot, please precise the browser (mine FF11 on Win7)
BTW your Sirens pics are great !
Last edited by flop25 (2012-04-05 12:39:22)
Offline
Aww thanks so much! i think it was a problem with my browser because now that im viewing it on a different computer everythings fine... hmm i dont know? but im happy with how it looks now!
anyways with removing the menu at the top you said go to
.browsePath {
display: none;
}
but where do i find that??
thank you so much im loving the gallery!
and thank you for the compliments :)
okay.... im slowing getting there hahah
i was rereading and i figured out the localfile editor thing but now its giving me an error when i try to save the file.
Syntax error! File can't be saved.
okayyy well i got it to save but its not doing anything thing. with the local file editor is there any specifics i need to know with adding the code?
thanks!!!!
The better way to add it, is to go to the theme page -where you install, disable themes- and click on CSS links
Then copy the code
Offline
Okay i did that. but alas! nothing has changed...
Any ideas?
did you change any thing to your theme ?? the class browsePath is missing, whereas I'm sure it was present when I posted my messages
Offline
i havn't thouched the theme i wouldn't even know where to move things if i wanted too.
Hi everyone, like the OP I am trying to remove the menu bar from pwigo on this site: www.viscreative.co.uk/store/ I have been playing with the CSS but to no avail, if anyone could help me that would be great (CSS below)
/* text color */
BODY, H1, H2, H3, DT,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
color:#696969; /* dimgray */
}
/* backgrounds */
BODY, H3 {
background-image: url('img/BGTexture.png'); /* main-background */
}
H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
background-image: url('img/BGTexture2.png'); /* headers-background */
}
#menubar DL, .content, #imageToolBar, .header_notes {
background-image: url('img/BGTexture2.png'); /* menu-background */
}
/* borders */
#menubar DL, .content, #imageToolBar {
}
#theImage IMG {
}
/*I think this rule is never used*/
.content UL.thumbnail IMG {
border: 1px solid #a0a0a0;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
.content .thumbnailCategory {
border: 1px solid gray;
}
.thumbnails .wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
}
.thumbnails .wrap2:hover,
.content .thumbnailCategories .thumbnailCategory:hover,
.content .thumbnailCategories .thumbnailCategory:hover A {
background-color: #faebd7;
border-color: yellow; /* thumbnails border color when mouse cursor is over it */
color: black;
}
/* links */
A, INPUT.rateButton {
color: #005e89;
background: transparent;
border-bottom: 1px dotted #005e89;
}
A:hover, INPUT.rateButton:hover {
color: #808060;
}
A.pwg-state-default {
border: 0;
}
A.navThumb, A.navThumb:hover {
border-bottom: none;
}
/*calendar elements*/
.calItem, .calItemEmpty
{
border: 1px solid silver;
}
#qsearchInput { color: #005e89; }
.pwg-icon {
background-image: url(../default/s26/outline_005e89.png);
}
A:hover .pwg-icon {
background-image: url(../default/s26/outline_808060.png);
}
a.linkedin {
display: block;
width: 35px;
height: 34px;
background: url(img/linkedin.png) no-repeat 0 0;
overflow: hidden;
text-indent: -10000px;
font-size: 0px;
line-height: 0px;
float: right;
margin-left: 1%;
}
a:hover.linkedin {
background-position: -35px 0px;
}
a.facebook {
display: block;
width: 34px;
height: 34px;
background: url(img/facebook.png) no-repeat 0 0;
overflow: hidden;
text-indent: -10000px;
font-size: 0px;
line-height: 0px;
float: right;
margin-left: 1%;
}
a:hover.facebook {
background-position: -34px 0px;
}
a.vimeo {
display: block;
width: 36px;
height: 34px;
background: url(img/vimeo.png) no-repeat 0 0;
overflow: hidden;
text-indent: -10000px;
font-size: 0px;
line-height: 0px;
float: right;
margin-left: 1%;
}
a:hover.vimeo {
background-position: -36px 0px;
}