-
AuthorPosts
-
September 13, 2015 at 9:34 pm #502399
Hello,
I’d like the users of my website to be able to print the project pages in my portfolio.
When using the regular print function of the browser, this does not look good at all.1. Only one picture of my slideshow is being printed, the one that is showing while i press print. I’d like all the pictures in the slideshow to be printed.
2. I have a white logo in a dark header, but becaus the header color is nog printed, the logo is not visible. I’d like my logo to be visible.
3. The accordeon, that has all the info of my project, is printed way too big.Does anyone have a solution to this problem? Maybe some way to customize the print output? Maybe a plugin that generates a pdf from your project file?
Thanks!
September 14, 2015 at 3:01 pm #502784Hi liquidsociety!
You can customize the way your site is printed with the print stylesheet in /enfold/css/print.css.
1. Not sure if that will be possible but send us a link and we’ll take a look.
2. Add this to the print stylesheet.
.header_bg { background: black !important; }
3. Are you wanting to hide it when someone prints your page?
Cheers!
Elliott- This reply was modified 9 years, 2 months ago by Elliott.
September 21, 2015 at 2:27 pm #506433An example of the kind of page i’d like to print is in the private content.
When printing the page i have the following problems:
– Header color is gone -> can be fixed in print.css
– The info of the accordeon takes up a lot of page space (big font size, lots of white padding/margin)
– Only one picture of the slideshow is printed, instead of all pictures
– The pin of the Google map moves to a different location and the map looks weird
– The ‘related projects’ section does not need to be printed.Thanks for looking into this!
September 21, 2015 at 5:12 pm #506538Hey!
1. Your wanting the current selected slideshow image to print? I don’t think that is going to be possible unfortunately, not without heavy javascript customization.
2. Are you trying to hide the accordion?
3. Not sure if there is anything we can do about the google maps.
4. Add an ID to your “related projects” section and then add this to your print.css file.
#related_projects { display: none !important; }
Regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.