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

tazmeah

Circle Member
  • Content Count

    500
  • Joined

  • Last visited

Everything posted by tazmeah

  1. I don't know how you added those icons to your page, but is there anything native to Ethan that allows you to add a permanent text box to those images? If so, we can try writing code that makes all the text boxes invisible by default, but visible when the icon is hovered over, then invisible again when you're off of it.
  2. to disable the click using css, you can use pointer-events:none.https://www.w3schools.com/cssref/css3prpointer-events.asp
  3. Maybe I missed part of the story where we determined it's impossible to "link to another page, project, gallery etc." Would you mind sharing your initial idea before you decided on a workaround? Linking to another page, project, gallery etc. might be possible.
  4. Sure. You can use CSS Grid to do that. I made a demo showing you how it works. I have 3 things on a line regardless of the size of the screen. You can change the number of things by changing how many times it says "auto". For instance, "auto auto auto" means 3 things, but "auto auto" means 2 on a row. https://codepen.io/montaz-meah-ii/pen/oNvwObQWithout a link to your site, it's hard for someone to give you a more specific answer, however.You can learn more about CSS Grid in this game: https://cssgridgarden.com/
  5. I don't use the Impact template on my site so I'm not sure. Can you post a link to your site's blog so I (we) can see what we're working with?
  6. regarding the above code you wrote, there is an error in that you use "less than OR equal to" on line 4. Delete the equal sign and there will be no error. When I tested your code, the variable "box" is one element. The loop begins where i is 0, since 0 is less than or equal to 1, it changes the padding on box[0] (which is your element). Then i becomes 1. Since 1 is less than or equal to 1, it tries to change the padding of box[1], which doesn't exist. The error says "Cannot read property 'style' of undefined", meaning box[1] is undefined.
  7. I recommend using CSS over Javascript if you're just trying to change the style on that page. To change the style of a div with the classes you mentioned above using CSS, you'd write div.newsletter-form-wrapper.newsletter-form-wrapper--layoutFloat.newsletter-form-wrapper--alignCenter { /* your properties and values go here*/ } and if you're using code injection, it will have to go inside of style tags instead of script tags. Otherwise, you can just use it without the tags using custom css. The other thing to consider: if you're only experiencing problems when it's in mobile view — meaning, you like the style when it's larger than mobile — you can specify your style to only be your custom code when the screen is the mobile size. To me, your Newspaper section looks fine until it reaches 450px or so. If you agree, you could specify your code like this: @media screen and (max-width:450px) { div.newsletter-form-wrapper.newsletter-form-wrapper--layoutFloat.newsletter-form-wrapper--alignCenter { padding: 0px; } } More information on CSS media queries can be found here. https://www.w3schools.com/css/css3_mediaqueries.asp
  8. The code from that post didn't work for me either. I'll keep looking into it though.
  9. copy the link for the github plugin. Add an "s" to the end of it. It should be ".js" not ".j"
  10. Post a link to your site so that we (I or someone else) can give you custom code that will work for your site.
  11. I just offered one possible solution to this same question at this link Q. Always Show Comments on Tudor but I'll repost it here. Add this to Settings, Advanced, Code Injection, Footer <script> document.getElementsByClassName("blog-item-comments-toggle")[0].click(); </script>
  12. Go to Settings / Advanced / Code Injection and copy-paste this in the Footer section: <script> document.getElementsByClassName("blog-item-comments-toggle")[0].click(); </script>
  13. You'll need to post a link to your site to get a great answer.
  14. It looks like you successfully got your text between the navigation and the gallery. Would you care to tell others who may have a similar request how you solved your question?
  15. Let's say you have a folder called "PETS" and inside it, you have two links to "CATS" and "DOGS". You want the PETS folder to link to a page about Cats and Dogs. The easiest solution that will work on both Desktop and Mobile is to make a third link inside your folder and set it as the first link. For example: PETS contains the links 1. CATS and DOGS, 2. CATS, 3. DOGS On Desktops, hovering over the folder PETS will dropdown the three links. Clicking on PETS will navigate to the first link inside the folder, which is CATS and DOGS. On Mobile, clicking PETS will open the folder. Clicking PETS again will close the folder. Clicking "CATS and DOGS" will take you ...you know where it will take you. So, just make another link that will take users to where you want the folder to take them, and place that at the top of your folder's navigation.
  16. @vicorstan Consider an iPhone. Did you know that you can touch the very top of the browser window and go back to the top of any webpage from any location on the page? That means there are virtually an infinite # of "Back to top" buttons. If you're in the middle of the page, it's convenient to shoot back to the top without going all the way down first. But it's your site. Keep in mind you won't get much help with a bad attitude. I'm not looking for help; you are.
  17. Login to your Sqaurespace site and select the page you want to edit. Then select that page’s settings and choose Advanced settings. In the Header injection, if you’re wishing to change the text, you add: <style> p { font-size: 30px; color: red; } h1 { font-size: 40px; color: #fff; } </style> You’d benefit more if you provided a link to your site and asked a specific question like: How do I make the font of the third paragraph a size of 22 with a color of purple, underlined, and bold?
  18. Using what neeklamy said, you can select Content Manager, select the blog page, select Blog Settings, then choose the Advanced tab. Scroll to the bottom and you'll see Post Blog Code Injection. Paste Back to top and it will put the words "Back to top" as a link at the end of every blog post/excerpt.
  19. What I did on mine was removed all the time using CSS, then manually added time to the ones I wanted. <style> .event-time-12hr {display: none !important} </style> Then, for the ones that you want time to be shown, put it in the title. Here’s an example: Title Goes Here <br> 10:10AM The HTML tag <br> is a break which puts the time on a line underneath the Title.
  20. The easiest way is to probably use a Markdown Block instead of a Text Block. Let’s say you have this written in a text block: “And here’s to you, Mrs. Robinson, Jesus loves you more than you will know.” Paste it into a Markdown Block and surround the part you want to “highlight” with span tags like this: "And here's to you, <span style="background-color:green">Mrs. Robinson</span>, Jesus loves you more than you will know."
  21. the " !important " part just means that if your code conflicts with the existing code, your code takes priority.
  22. Oh. I think I misunderstood your question. On your page in the bottom-left, you have a block of social icons, a button that says "Visit the Gallery", a button that says "Check out the blog", a "For More Information", and a Horizontal Rule.If you're talking about the vertical spacing between those the social block is #block-80066b6609382a56d550the "visit the gallery" is #block-20197bb5824e92342eab"check out the blog" is #block-4abbfaddad961a1ed903info is #block-32bfc8ba8fd6000cf1f8horizontal rule is #block-f5e7d108f6c421065491 They all are vertically equidistant with a gap of 17pixels. That gap is their "padding".You can adjust them all together, like this: <style> #block-80066b6609382a56d550, #block-20197bb5824e92342eab, #block-4abbfaddad961a1ed903, #block-32bfc8ba8fd6000cf1f8, #block-f5e7d108f6c421065491 { padding-top: 17px !important; } </style> or you may adjust their padding-top or padding-bottom individually, like so: <style> #block-80066b6609382a56d550 { padding-top: 17px; padding-bottom: 0px; } </style>
  23. I agree with scoobie; they look great. Each of your social buttons has a "margin-right" of 10 pixels.This is what they are now: <style> .social-facebook, .social-instgram, .social-pinterest, .social-google { margin-right: 10px; } </style> Copy the code, go to the page called Lauren and click its Page settings. Select "Advanced" and enter that code. Adjust the "10px" to a smaller number.
  24. For the cotswoldcars site using Ishimoto, I'd go to my website's settings, select the homepage, then double-click the picture I wanted to add a link to. On the "Edit Image" window that pops up, (in the lower section) type the link's text as you'd like it to appear, highlight the word/s, then click the link button (looks like a chain link). Enter the link address. Give it a title if you want. Save it. View Gallery to see how it looks. If the colors don't look right, or the size, return to the Gallery Settings. Click Advanced. Paste
  25. Instead of using a Text Block, use a Markdown Block. Inside the Markdown block, type something like this: Roses are <span style="color:red">red</span>, violets are <span style="color:blue">blue</span>. Or: Roses are <span style="color:red; font-family:Georgia; font-size:2em;">red.</span> That’s the most basic way with HTML.
×
×
  • Create New...