Canvas Support

Portfolio div from one-page.html

7 replies · opened Nov 14, 2016

AANLSNov 14, 2016

Hello,

I would like to use the "portfolio"-div from the one-page site in another site. I think there are several css-files used for this. Can I just know which so I can copy them?

Thanks in advance.

Anton

SSemicolon WebSTAFFNov 14, 2016

Hello,

The One Page Module only has 1 additional CSS File with the One Page Module related CSS Styles which is: one-page/onepage.css File inside the Package/HTML Folder.

If you are looking to use these styles for the Portfolio Overlay, you can simply Copy the .portfolio-overlay related CSS Blocks from the one-page/onepage.css File and paste it into the css/custom.css File.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

AANLSNov 15, 2016

Thank you for the quick reply. I have an issue because it's not working out as it should. The hover function doesn't work and the text isn't in the box also.

I copied the .portfolio-overlay in my css file and the html code in the html file.

Did I forget something?

IivanpossNov 15, 2016

Just reading this and following along with what support told you - I think you need to also link to the custom CSS file (or whatever you named it) in your page like this:

<link rel="stylesheet" href="css/customcss-noborder.css" type="text/css" />

I didnt see that mentioned anywhere in the thread.

But I may be wrong - lol. Just trying to speed things up for you ;)

IivanpossNov 15, 2016

sorry one more thing- I also think that the new link needs to be added after the other links already on the page.

I always keep old copies that I can easily revert to as I try things. Try it and see if my answer helps. If not you can easily revert back.

SSemicolon WebSTAFFNov 15, 2016

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

@ivanposs Thank You so much for the Helpful Responses! :)

SSemicolon WebSTAFFNov 18, 2016

Hello,

We have just checked out your Codes and you appear to be using completely different styles from Canvas and according to your Previous Replies it appears that you are only considering to use the Portfolio Layout from Canvas for your Website.

For this to work correctly, you will need to add all the .portfolio Related Codes from the CSS/JS Files but it would be particularly very difficult to combine the Canvas's Portfolio Codes together with your entirely different Template CSS Codes as everything is integrated together in Canvas.

If you wish to continue, please consider trying out to use only the Portfolio CSS/JS Codes from the CSS/JS Files and it should work fine by default, however, please make sure that the codes are added in the same order as the Default Files.

Hope this Helps!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard