Announcement

  •  » Themes
  •  » [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

#256 2018-03-05 00:07:30

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Thanks so much to everyone. The path was the fix, and it should have been obvious when it pasted the Json query into my url. Happy it works, but boy do I feel stupid now :-)
Thanks again everyone!

Offline

 

#257 2018-03-05 01:02:15

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi guys;
One last query... how do I make my images use the full screen width, like the demo site. I even tried a view source on the demo site to see if there was maybe some CSS I was missing. Everything else is awesome, but the grey bars on the left and right are not cool.
Thanks,
Marc
https://www.marcrjacobs.com/photos/

Offline

 

#258 2018-03-05 09:26:39

teekay
Member
2013-06-12
369

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

MarcRJacobs wrote:

Hi guys;
One last query... how do I make my images use the full screen width, like the demo site. I even tried a view source on the demo site to see if there was maybe some CSS I was missing. Everything else is awesome, but the grey bars on the left and right are not cool.
Thanks,
Marc
https://www.marcrjacobs.com/photos/

Hi,

add this to the CSS section in the AdditionalPages page:

Code:

<style type="text/css">
...

#theHomePage .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

...
</style>

Offline

 

#259 2018-03-05 13:01:33

Ralf
Member
Dorsten-Lembeck
2012-05-08
154

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi Teekay,

is it possible to deactivate the Jumbotron or the hero image only on the frontpage (created as descibed with Additional Pages plugin?

Cheers
Ralf


There are only two kinds of music:
Rock and Roll

Offline

 

#260 2018-03-05 14:02:35

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

The CSS worked great... thank you so much.

Offline

 

#261 2018-03-05 14:45:45

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi Teekay;

Is it possible to have the album name and quantity of photos to not have the bottom blank line, as I don't use it. It takes extra room here, but on a -//:---\spam it blocks a lot of the pic.

Actually, my real issue isn't the height of it, it's that it isn't "hot" (clickable). It just leaves the visible photo portion that is clickable.

Is either fix viable, or something that I can do from CSS?

Attached image is at: https://www.marcrjacobs.com/photos/

Thanks again,
Marc

PS: And if I haven't said so before, or enough, what awesome work you have done!!!


Uploaded Images

Last edited by MarcRJacobs (2018-03-05 14:47:08)

Offline

 

#262 2018-03-05 22:48:30

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi all;

Bootstrap Darkroom tip

For anyone curious about editing the category description on the albums page, here's what I just did... with a lot of trial and error:

1. shrunk the height of the description area to 1 line (yes, you can no longer show the # of photos in the album
2. changed the opacity so the black bar is just a little more see-through (0.7 to 0.3)

I just added the below code to Themes > Bootstrap Darkroom > Configuration > Custom CSS

ul.thumbnails .gdthumb .thumbLegend.bottom_static {
    height: 2.2em;
    background: rgba(0,0,0,0.3);
    background-color: rgba(0, 0, 0, 0.3);
}

Teekay: The last thing I'd like to do is make the bar and description both "hot" (clickable), like the image. Possible?

Thanks,
Marc


Uploaded Images

Offline

 

#263 2018-03-07 18:39:59

teekay
Member
2013-06-12
369

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Ralf wrote:

Hi Teekay,

is it possible to deactivate the Jumbotron or the hero image only on the frontpage (created as descibed with Additional Pages plugin?

Cheers
Ralf

Not currently, at least not out of the box. You could try CSS trickery to hide .page-header and reset initial colors of the upper navbar.

Offline

 

#264 2018-03-07 18:46:03

teekay
Member
2013-06-12
369

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

MarcRJacobs wrote:

Hi all;

Bootstrap Darkroom tip

For anyone curious about editing the category description on the albums page, here's what I just did... with a lot of trial and error:

1. shrunk the height of the description area to 1 line (yes, you can no longer show the # of photos in the album
2. changed the opacity so the black bar is just a little more see-through (0.7 to 0.3)

I just added the below code to Themes > Bootstrap Darkroom > Configuration > Custom CSS

ul.thumbnails .gdthumb .thumbLegend.bottom_static {
    height: 2.2em;
    background: rgba(0,0,0,0.3);
    background-color: rgba(0, 0, 0, 0.3);
}

Teekay: The last thing I'd like to do is make the bar and description both "hot" (clickable), like the image. Possible?

Thanks,
Marc

That seems to be a tip & question regarding the gdThumb plugin, not really related to the theme :-)

Last edited by teekay (2018-03-07 18:46:45)

Offline

 

#265 2018-03-15 22:13:46

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi;

I have two menu questions that I can't resolve.

1. There is no option on the albums menu, or anywhere else to go directly to the Gallery. The only way there that I can find is to click "Enter the gallery" from the Carousel, or select an Album from the pulldown and the click the Home icon in the breadcrumb. Is there a way to add Gallery to the Album menu, or even to a new menu item?

2. I used "Additional Pages" to add an About Me page to the "Extras" menu. Is there a way I can add an addition item to this menu, but have a be a link to an outside url?

I'll appreciate any help here.

Thanks,
Marc
https://www.marcrjacobs.com

Offline

 

#266 2018-03-15 23:15:41

deheme
Member
IDF
2014-12-12
89

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Hi,

2. I used "Additional Pages" to add an About Me page to the "Extras" menu. Is there a way I can add an addition item to this menu, but have a be a link to an outside url?

For item 2, as far as I know,  [extension by grum] Advanced Menu Manager has been developed for this purpose, but I'm not sure Darkroom is compatible.

DéHème

Offline

 

#267 2018-03-17 01:35:03

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Thanks Deheme;

But, as far as I understand Advanced Menu Manager is not compatible with Bootstrap Darkroom.

~Marc

Offline

 

#268 2018-03-17 16:48:53

MarcRJacobs
Member
Houston, Texas
2013-05-27
28

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Am I truly the only one that doesn't know how to edit the Bootstrap Darkroom menus, and have asked. If someone know the secret please advise. I just want to be able to edit the menu and add an item that is a top level item that will link to my top level categories (https://www.marcrjacobs.com/index.php?/categories).

Thanks,
Marc
http://www.marcrjacobs.com

Offline

 

#269 2018-03-17 18:23:40

deheme
Member
IDF
2014-12-12
89

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

MarcRJacobs wrote:

Am I truly the only one that doesn't know how to edit the Bootstrap Darkroom menus, and have asked. If someone know the secret please advise. I just want to be able to edit the menu and add an item that is a top level item that will link to my top level categories (https://www.marcrjacobs.com/index.php?/categories).

I found a solution which is not very elegant, but it can do the job for the moment:
Add an additional page with the following content :

Code:

<html>
<head>
<meta http-equiv="refresh" content="0; URL=https://www.marcrjacobs.com/index.php?/categories">
</head> 
<body>
</body>
</html>

Enjoy!
DéHème

Offline

 

#270 2018-03-17 20:09:01

teekay
Member
2013-06-12
369

Re: [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

...or use jQuery in the script code section, like

Code:

<script type="text/javascript">
...

$('#categoriesDropdownMenu .dropdown-menu').prepend('<a class="dropdown-item" href="index/categories">All Albums</a><div class="dropdown-divider"></div>');
...
</script>

(this will add an "All Albums" menu item to the categories menu)

Last edited by teekay (2018-03-17 20:11:13)

Offline

 
  •  » Themes
  •  » [Theme] Bootstrap Darkroom (w/ PhotoSwipe, HTML5 video & more)

Board footer

Powered by FluxBB

github twitter facebook google+ newsletter Donate Piwigo.org © 2002-2018 · Contact