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


Circle Member
  • Content Count

  • Joined

  • Last visited

About tazmeah

  • Rank
    Circle Leader

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. You seem to want this solution because there are an odd number of "projects", but what happens when you have an even number? If you add a solution where "the first project spans two places" then an even number of projects will cause the same problem. The simplest solution is to accept things the way they are. The next simplest solution is probably to stack the images in a single column. Otherwise, you'll probably have to use a CSS Grid, which is mobile responsive, and triggered by a script, on window resize, if the number of projects is odd.
  2. 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.
  3. to disable the click using css, you can use pointer-events:none.https://www.w3schools.com/cssref/css3prpointer-events.asp
  4. 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.
  5. 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/
  6. 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?
  7. 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.
  8. 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
  9. The code from that post didn't work for me either. I'll keep looking into it though.
  10. In the settings, try clicking a page that shows the "blog tags" you're trying to remove, then select Design -> Style Editor, and click on the tags you're trying to remove. See if the Ready template has options for Blog Options - Promoted Meta: Categories. You may be able to select None. If that is not available, you'll have you use some custom CSS.
  11. copy the link for the github plugin. Add an "s" to the end of it. It should be ".js" not ".j"
  12. Post a link to your site so that we (I or someone else) can give you custom code that will work for your site.
  13. 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>
  14. Go to Settings / Advanced / Code Injection and copy-paste this in the Footer section: <script> document.getElementsByClassName("blog-item-comments-toggle")[0].click(); </script>
  15. You'll need to post a link to your site to get a great answer.
  • Create New...