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

joelygoe

Circle Member
  • Posts

    31
  • Joined

  • Last visited

Everything posted by joelygoe

  1. Any idea what that code is? Any way to make it more site-wide as surely it is as universal as say the currency symbol?! So anywhere their is a price show XXXXX
  2. £40 is a bit expensive but how do we pay & receive this as it is a client MUST have!
  3. The text on mobile is now off-centre. Any ideas? I can't send you a link unfortunately. I can send you all the screenshots you need though.
  4. I would remove all colour and background patterns as it takes away from the work. Every art gallery in the world uses white walls (very occasionally black for backlit work) for good reason so the viewer is totally absorbed by the work. The pink is unnecessary as your your personality and taste comes through i the ork as it should. White or black would be best. I make websites for artists and all my sites only use black and white. The only colour comes from the work - https://artisanagency.co.uk/ If you must use background images use an opacity filter white text with a (black overlay is best). I didn't even see the navigation first time around.
  5. I would use images outside of frames for the main image so the artwork is totally clean of anything else and the viewer isn't distracted. I removes distraction and promotes consistency. I would then show the pictures of the work in a frame on the click through page. I would not use a double navigation like you have as it is extremely confusing. Also, you don't really want more than six items on any navigation so consider revisiting and simplifying your site architecture.
  6. Hey @bangank36 thanks for clarification. I'll look into Zapier but have actually started using mailchimp so may use that. So many apps/third-party solutions (Google, Squarespace, Mailachimp, Asana a etc etc! Sounds like Zapier may help with all this. @stevesny I just have the email come to me as I don't get that many enquiries anyway that the moment to warrant triaging them all. Once I start advertising and scaling up my paid media I might but for now I am just starting with my Earned and Owned network. Joe
  7. I see you pop up all over this forum and I'm super grateful for all your input.
  8. Hi, I can't code. I only read then copy and paste so have no idea what t"Notes: You need to convert SCSS/LESS to CSS. Page Header wont' render SCSS/LESS" means. I have put the following in to Design > CSS //Stylized Folder Dropdown Menu .header-nav-folder-content { background-color: @linkBGColor !important; } .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0.5em; left: -1em !important; right: auto !important; text-align: left !important; .header-nav-folder-item { padding: 0.5em 0.5em; } .header-nav-folder-item:hover { a { opacity: @linkTextOpacity; } } } It is saying they are undefined. Then in Pages > Home > Advanced I have pasted: <style> @linkBGColor: rgba(0,0,0,0.1); @linkTextOpacity: 0.7; </style> and it doesn't seem to be working.
  9. If I wanteed to use that code to make adjustments to the rgba on a page by page level. Is there a way I might do this. For example I might write the code like this on Design > CSS /Stylized Folder Dropdown Menu.header-nav-folder-content { background-color: @linkBGColor !important;}.header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0.5em; left: -1em !important; right: auto !important; text-align: left !important; .header-nav-folder-item { padding: 0.5em 0.5em; } .header-nav-folder-item:hover { a { opacity: @linkTextOpacity; } }} Then on each individual page change the variable: @linkBGColor: rgba(0,0,0,0.1) @linkTextOpacity: 0.7; If the above code is correct. How to I direct the @variable on the page?
  10. Hey this worked really well both on white on dark and dark on white because a low opacity black. For anyone else struggling with here is the full and final code that worked for me but you can tweak all the values yourself: //Stylized Folder Dropdown Menu .header-nav-folder-content { background-color: rgba(0,0,0,0.1) !important; } .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0.5em; left: -1em !important; right: auto !important; text-align: left !important; .header-nav-folder-item { padding: 0.5em 0.5em; } .header-nav-folder-item:hover { a { opacity:0.7; } } } Looks like this on a dark bg: https://www.nintaidojo.co.uk Looks like this on white: https://www.nintaidojo.co.uk/meanings Many thanks.
  11. Hi, Good start. Definitely, remove the enter page. It makes your website blind to search engines. To Google it sees a homepage with nothing on it so will not do your rankings any good. Try ensuring the image you select doesn't make your header invisible. If you are going for a black header type ensure your images are light or the other way around. You can also add a top gradient in photoshop to ensure the top remains perfectly clear.
  12. Thanks for this. I have only just turned on email notifications so forgot I asked this. Can I ask - do you work for SquareSpace or are you answering all these questions voluntarily?
  13. Hey guys, I have a question on the same code, which I have customised as much as I can but cannot get it to do what I want. It looks great but I want to be able to set the opacity of the whole dropdown background block to be say 0.7 then when I roll over an item, for that item block to change to opacity: 0.3 for example. I have successfully made the text opacity variable but not the other desired background elements mentioned above. It is important to change the opacity and not add something like 'rgba(0,0,0,0.3);' as I want the option when I am using different colour header configurations (Minimal White / Minimal Black) for that not to have an inverted / adverse effect. For example if I use 'minimal white' then 'minimal black' it doesn't work if you specify colours on an inverted space. Appreciate your help. Here is a link to the site - https://www.nintaidojo.co.uk/ And here is the current code: //Stylized Folder Dropdown Menu .header-nav-folder-content { background: transparent !important; } .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0.5em; left: -1em !important; right: auto !important; text-align: left !important; .header-nav-folder-item { padding: 0.5em 0.5em; } .header-nav-folder-item:hover { a { opacity: 0.5; } } }
  14. <script> src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script> var imgSRC = $('.cussom-fallback-image').attr('src'); $('.custcm-fallback-image') .attr('src', 'https://commons.wikimedia.org/wiki/Category:Solid_white_images#/media/File:Broad_blank_space.jpg'); $(document).ready(function () { $('.custom-fallback-image').attr('style', 'display: none'); setTimeout(function () { $('.custom-fallback-image').attr('style', 'display: block'); }, 4000); }); </script>
  15. Okay - I have (hand typed) all this code into it. Still doesn't work! <script> src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script> var imgSRC = $('.cussom-fallback-image').attr('src'); $('.custcm-fallback-image') .attr('src', 'https://commons.wikimedia.org/wiki/Category:Solid_white_images#/media/File:Broad_blank_space.jpg'); $(document).ready(function () { $('.custom-fallback-image').attr('style', 'display: none'); setTimeout(function () { $('.custom-fallback-image').attr('style', 'display: block'); }, 4000); }); </script>
  16. I have tried pasting the below code into the "Page Settings > Advanced > Code" but it doesn't work. Just leaves code in the header visible on the page. https://www.nintaidojo.co.uk/history $(document).ready(function () { $('.custom-fallback-image').attr('style', 'display: none'); setTimeout(function () { $('.custom-fallback-image').attr('style', 'display: block'); }, 4000); });
  17. https://www.nintaidojo.co.uk/history (view on desktop) The mobile backgound image appears before the video loads. I want it to not load on Desktop and just be blank before the video loads as mobile "fallback" looks rubbish on Desktop. Mobile "fallback" image looks great on mobile I don't want it to show on the desktop before the video loads...
×
×
  • Create New...