Architecture Portfolio Website

Permalink Browser Info Environment
Hello everyone,

I'm new at concrete5 and newbie at website codes, and bought this Long Story Short Theme to make my life easier.

I have 3 questions:

1. Portfolio gallery: i don't have blocks to do it simpler.
I've read this thread:
https://www.concrete5.org/marketplace/themes/long-story-short1/suppo...

AND THIS:
https://www.concrete5.org/marketplace/themes/long-story-short1/suppo...

How can i make a mix of both? Is it possible to add small pictures underneath the big image of the lightbox (like a preview)?

2. How can i add google fonts? i have read all posts and didn't managed. I'm trying to put EXO 2 google font in the entire website (Heading, Footer, Heading 1,2,3...etc)

3. The parallax effect don't work in the mobile, is it normal? tried with ihpone and samsung.

Thank you.

Best Regards,
Francisco

Type: Discussion
Status: In Progress
View Replies:
jordif replied on at Permalink Reply
jordif
Hello Francisco,

I'll try to answer your questions:

1)

The first thread you mention is for opening a fileset in a lightbox. So you can have one or several image blocks on your page, and when you click on the image, a whole gallery opens up in a lightbox.

The second thread you mention is for opening a content block in a lightbox.

In your case, I'd suggest using the following add-on:

http://www.concrete5.org/marketplace/addons/thumb-gallery...

It's free and works well with the theme. You can see an example here:

http://longstoryshort.15robots.com/thumb-gallery...

With this add-on, it's pretty easy to build a portfolio gallery.

If this is not what you're looking for, could you provide an example?

2)

You need to enter the name of the Google Font using the Page Attributes.

So when you're editing the page, click on the Gear icon, select "Attributes" and choose the "Google Font (headings)" and "Google Font (body)" attributes. Next enter "Exo 2" into the attribute boxes (without the quotes).

More info:http://www.concrete5.org/marketplace/themes/long-story-short1/how-t...

3)

Yes, you're right. As stated on the marketplace page, "parallax backgrounds are disabled on mobile for performance reasons".

More info:http://www.concrete5.org/marketplace/themes/long-story-short1/...


Regards,

Jordi
TheArchitect replied on at Permalink Reply
Thank you for you fast reply.

Ok i'll get that addon.

- About the gallery, i have several projects in category of Housing, Office, etc.. in the main page i will divide them by those category and then when i click in one project i want to pop up a lightbox with the rest of the images of that particular project, something like this:

http://saunders.no/work/carraig-ridge-edge-houses/...

instead of numbers is it possible small images?

- About the Google font, thank you, so simple and i complicated.

- The parallax on mobile, thats ok for me, i just thought that i was doing something wrong.

Thank you very much.
jordif replied on at Permalink Reply
jordif
Hi,

if you need each image to display a different group of images, then I'd use the solution posted here:

https://www.concrete5.org/marketplace/themes/long-story-short1/suppo...

So you could have a layout with different columns. For each project, you would add an Image block to the layout. When you clicked on a image, a gallery would open in a lightbox (displaying the images from a specific fileset).

If you need to display thumbnails under the image in the lightbox, it is possible to tweak the "Custom Template" discussed in the thread to use thumbnails.

I've created a quick demo so you can see:

http://longstoryshort.15robots.com/lightbox-gallery-thumbnails...

If you want to use this solution, I can send you a zip file with the custom template (with instructions on how to install it and use it on your site).


Regards,

Jordi
TheArchitect replied on at Permalink Reply
Hello Jordif,

Yes, can you send me the .zip file and instructions?

My website in a mobile, unformat all the slides that i apply in desktop version, is it possible to use the same format of desktop to mobile?

And i have another issue, in my contact slide i've made instagram and linkedin button, but it opens on the same page, could i configurate to open in another page?

Here's my website (unfinished)http://www.franciscocanha.pt

Thank you,

Francisco
jordif replied on at Permalink Reply
jordif
Hello Francisco,

I've just sent you a private message with the zip file + instructions.

As for the format on mobile, I guess you mean that layouts with different columns turn into one single column on mobile.

To fix that, I'd suggest using the "Free Form Layout" instead of the "Twitter Boostrap" layout. (When you add a Layout to the page, you can choose between "Twitter Bootstrap", which is responsive and changes on mobile, or "Free Form Layout" which is not responsive and stays the same on mobile). I think this should help.

If you really need to disable all mobile styles, there was a discussion about this some time ago:

https://www.concrete5.org/marketplace/themes/long-story-short1/suppo...

But the solution on that thread requires changing the theme files, so I'd not recommend it. I think that replacing your layouts with "Free Form Layouts" should be enough.

Finally, as for your linkedin and instragram buttons, there are 2 solutions:

-> Using a Content block instead of an Image block: if you insert your images using the content block, you'll be able to choose to open your links in a new window.

-> Using a custom template for the Image block: it's possible to create a simple custom template for the image block to make links open in a new window. If you want to try this, I can send you the custom template.

(By the way, the website looks very nice :)

Regards,

Jordi
TheArchitect replied on at Permalink Reply
Hello Jordif,
I have received the zip file + instructions, but the gallery will be the last to configurate.

About the mobile format, i have managed to organise with the "Free Form Layout", it works for what i want to, so it won't be necessary to change the theme file.

As for the buttons:
- is it possible to give a hover effect in a content block? it works well but i can't managed to apply a hover effect.
- the custom template, i don't know how to use it or configurate. How does it work, the custom template?

Another question:
Bottom Arrow:
- i've read a post how to put it on the left side, but how can i get it to go to the right side and control de margin? I've tried to replace (custom css) "left" for "right" and it didn't work.

P.S. - Despite all questions, i know that i've made the right choice to buy this theme. I'm enjoying a lot doing my website with this theme, and i don't understand anything of code or lines program writting of html.

Thank you very much for your support. Outstanding.

Best Regards, Francisco
jordif replied on at Permalink Reply 1 Attachment
jordif
Hello Francisco,

thanks for the nice words! Glad you are enjoying the theme.

I'll try to answer your questions:

-> I'm afraid images can't have a hover effect in a content block (i.e. you can't choose a "hover image" like you do with image blocks)

-> Custom Templates are a great way to customize blocks. I have attached a ZIP file to this message. It contains a folder named "image". You simply need to upload it to your server ( under /application/blocks ). After uploading the folder, you should be able to click on the Image block, select "Design & Custom Template", click on the Gear icon and select the "New Tab" custom template. Now the image link should open in a new tab.

-> To change the arrow position, click on the Gear Icon in the toolbar, select Design -> Theme -> Customize, and paste the following code into the Custom CSS area:

.bottom-arrow {
   left: auto;
   margin-left: 0;
   right: 0;
}


You can then adjust the distance from the right margin by replacing "right 0;" with "right: 50px;" (a value in pixels) or with "right: 5%;" (a percentage).

Hope this helps,

Jordi
TheArchitect replied on at Permalink Reply
Hello Jordif,

Just started my gallery portfolio, all well, i have managed to apply block list etc... but i can't get the "hover effect" like this example:

http://longstoryshort.15robots.com/lightbox...

Setting the name when hovering the X or Y project.

How can i apply that effect or something similar?

Thank you,
Francisco
jordif replied on at Permalink Reply
jordif
Hello Francisco,

you're right, I hadn't included a hover effect in the zip file I sent you.

I've just sent you a privat message with a new zip file that includes a hover effect (like the example you mention).

Regards,

Jordi

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.5.6
Version Installed - 5.7.5.6
Database Version - 20151221000000

# concrete5 Packages
Long Story Short (1.1.2), Vivid Carousel (1.0.1), Zoomer (1.0.1).

# concrete5 Overrides
languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.4.43

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, filter, ftp, gd, gettext, hash, iconv, imagick, imap, ionCube Loader, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, soap, sockets, SourceGuardian, SPL, sqlite3, standard, suhosin, tokenizer, xml, xmlreader, xmlwriter, Zend Guard Loader, zip, zlib.
{"error":{"message":"phpinfo() has been disabled for security reasons"},"errors":["phpinfo() has been disabled for security reasons"]}

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.103 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.