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

  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.
×
×
  • Create New...