Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

IvanOB

Member
  • Content Count

    22
  • Joined

  • Last visited

Everything posted by IvanOB

  1. having same issue which happens when viewing using a mobile phone. However it doesn't happen when checking it on desktop using the mobile preview view
  2. wanted one for Alamy but fontawesome doesn't have it as one of their icons. Would you be able to show me so i know how to do either way for future: 1) how to insert a fontawesome icon using for example the flickr one (just so i know how to do it for next time) https://fontawesome.com/v4.7.0/icon/flickr 2) how to do using this created image https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e493f3287b2ad50b4671632/5e4945ac96cdbe0b668d97c0/1581860294931/Alamy+logo_v1.0.png?format=500w thanks
  3. Hi Tuanphan my above email may give the wrong message as what I meant was that i had corrected the incorrect password so London2019 now works. I still need help with customising the generic social link icon. thanks
  4. Hi Tuanphan, yes used a combination of the below which may be longwinded but works fine Code injection for the portfolio pages <style> .sqs-block-html {margin-top:0.5vh; margin-bottom:0vh !important; } </style> <style> .portfolio-grid-overlay { padding-top: 1.0vw !important; } </style> <style> .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom).section-height--small>.content-wrapper { padding-bottom: 1vmax !important; } </style> Custom CSS for all pages /* decrease footer height */ .page-section[data-section-id="5e404b652c320258133c629c"] { min-height: 0vh !important; }
  5. Thanks. Site is https://purple-chinchilla-4bnr.squarespace.com/ and password London2019. Link is in the footer for each page. I haven't added the code yet. And if you can explain how to add the icon as well that would be great. Will look up how to use FontAwesome Icon as not come across that so far.
  6. Hi i have added a social link to my Alamy site on my website but it comes up with the generic squarespace link icon. I have found some mentions on the forum about being able to change the icon image with css and linking it to a flaticon but i can't see the actual css or process to follow, so would be grateful for some suggestions.
  7. hi yes i deleted all css code and then added back in and tweaked some things that i now can't remember but have it working fine now. I am just about to post a new question about customising the social link icon so if you can help that would be great as i saw your 25 Nov19 post but can't a previous solution on the forum
  8. Hi Brandon, thanks for the offer. In the end I decided not to include captions and keep it clean so i am ok now.
  9. I set up a portfolio page with a number of sub-projects within that, each sub-project page with gallery grid images. The images have spacing between them which has been working fine on desktop view and mobile view until i logged back in today to do some more work on the site. Now although the spacing between the images still shows on desktop, the mobile view has the images touching at the top and bottom with no space in-between. I have rechecked the CSS codes I have added to date and can't work out why but looks like i may have done something wrong yesterday. Help would be appreciated in getting the mobile view to work again. The site is https://purple-chinchilla-4bnr.squarespace.com/ and password Toronto2019 thanks
  10. in case the config weblink was showing it should be https://purple-chinchilla-4bnr.squarespace.com/ and password London0220
  11. Thanks Tuanphan. Tried the 1st css code and no difference as the page title section is still quite large (i've only tried the page title on the first America-East Coast page as wanted to see if i could get it to work before having it on all the other portfolio sub-pages. For (2) would want it on all pages except the homepage.
  12. Looking to reduce: 1) the padding/height of the page title section that is in-between the site header at the top and the galley image section (see America-East Coast page) 2) the padding between the bottom of the gallery image section and the footer Website is https://purple-chinchilla-4bnr.squarespace.com Password London0220 Help will be appreciated as can't seem to find the right solution as it's 7.1 and most of the advice out there is for older versions thanks
  13. Hi Brandon, have used your code with modified tweaks to have the 7.1 gallery grid masonry captions showing under the images without a coloured border. This works great with the images in the grid style and also when opened into the lightbox view as below. Problem I can't correct is that when the next or previous image is chosen in lightbox, the caption for the previous image still shows for 1/2 seconds overlapping with the caption for the current image. The only way i have managed to fix is by making a black box around the caption as shown below. This works ok but it would be neater if I could maintain the same clean style without a background colour border as on the grid files. Is there something you could suggest that would help do this? Thanks
  14. Hi have tried looking to see if there is a code already mentioned that i can use but can't see a response to help with my query. I am on version 7.1 and have set up a grid-masonry galley with landscape and portrait format images with inset width. I would like to reduce the width further but cannot find a way to do that. I am also having problems with the portrait format images appearing very large vertically with the whole image being higher than the screen size. This means only 2/3rds of the portrait image is visible at one time and you need to scroll down to see the bottom 1/3rd of the image (see attached photo of example). The html code for one of the portrait images from inspect is as below: <img data-src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image-dimensions="1667x2500" data-image-focal-point="0.5,0.5" alt="Elmina Castle, Elmina" data-load="false" style="width: 502px; height: 752px; object-position: 50% 50%; object-fit: cover;" data-parent-ratio="0.7" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg?format=2500w" id="yui_3_17_2_1_1577661569410_1336"> Any suggestions on how i can control both the width (of landscape photos) and height of the portrait images? thanks in advance
  15. Hi i would like to show the image title as a caption under the individual images either in the Grid;Masonry or Simple Slideshow gallery styles (the latter also has thumbnails under the single main slide show image). However I hadnt realised before signing up that version 7.1 galleries dont show captions. Is there a way to add code that does this to specific galley pages rather than site wide? thanks
  16. Hi first time using Squarespace to set up my photography website. I'm not familiar with coding so need some help with removing the < previous project and next project > links that show at the end of the gallery block as below. I can't select the links whilst in edit to delete. When i inspect the page coding it looks like the code below controls this section as it entire line (i.e. arrows and words) are removed from the squarespace page when i delete the html code, but reappears when i exit editing. Can anyone help with a code i can insert into the specific pages that i would like to use portfolios in? <section class="item-pagination item-pagination--prev-next" data-collection-type="portfolio-grid-basic" data-controller="ItemPagination" data-controllers-bound="ItemPagination" id="yui_3_17_2_1_1577582297708_1767"> <a href="/portfolio/project-one-lx24m" class="item-pagination-link item-pagination-link--prev" id="yui_3_17_2_1_1577582297708_1766"> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-left-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"></polyline> </svg> </div> <span class="pagination-title-wrapper" id="yui_3_17_2_1_1577582297708_1765"> <div class="item-pagination-prev-next">Previous</div> <h2 class="item-pagination-title" id="yui_3_17_2_1_1577582297708_1764">Project One</h2> </span> </a> <a href="/portfolio/project-three-xswdx" class="item-pagination-link item-pagination-link--next"> <div class="pagination-title-wrapper"> <div class="item-pagination-prev-next">Next</div> <h2 class="item-pagination-title">Project Three</h2> </div> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"></polyline> </svg> </div> </a> thanks
×
×
  • Create New...