tonicastudio
Circle Member-
Posts
20 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Australia
tonicastudio's Achievements
-
Caroline_Smith reacted to a post in a topic: How to fix the appearance of grid on mobile
-
How to fix the appearance of grid on mobile
tonicastudio replied to tonicastudio's topic in Customize with code
Yes this worked perfectly!! Thank you so much 🙂 -
tonicastudio reacted to a post in a topic: How to fix the appearance of grid on mobile
-
Site URL: http://tonicabrandstudio.com/brand-strategy I'm trying to fix this grid view on mobile so that the text is wider and centered. I'd even be ok with getting rid of the boxes altogether if need be. Thank you!
-
Site URL: https://brightenmade.com/portfolio Hi, wondering if anyone knows how to stagnate each post within a summary block so it looks like this? Thanks!
- 1 reply
-
- summary-block
- blog-post
-
(and 1 more)
Tagged with:
-
Does anyone know how to make the arrows in a summary carousel block look like this? And how to change the title text? Thank you! https://www.januarymade.co.nz/vip-day n
-
Removing top and bottom padding on a portfolio section
tonicastudio replied to tonicastudio's topic in Customize with code
@tuanphan thank you! and I just checked my site in an incognito browser and it's all working good on my end. Let me know if you have trouble accessing it now. -
tonicastudio reacted to a post in a topic: Make a dropdown navigation folder not clickable
-
tonicastudio reacted to a post in a topic: Make a dropdown navigation folder not clickable
-
Make a dropdown navigation folder not clickable
tonicastudio replied to laurentaylar's topic in Customize with code
Amazing! I just c&p the jQuery you've provided into the header and now it works! Thank you so much! I do have another question related to this if you get another moment to help. I've added the below code into design>css to decrease the portfolio section's height/padding, which worked perfectly. But now, the images/gifs are cut off on desktop (works fine on mobile). Any idea why that is? I've played around with different height values but it didn't seem to work. /* portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; } -
tonicastudio reacted to a post in a topic: Make a dropdown navigation folder not clickable
-
Make a dropdown navigation folder not clickable
tonicastudio replied to laurentaylar's topic in Customize with code
@creedon So I installed the code in the portfolio page> settings>advanced>page header code injection (second picture attached). Sorry, do you mean the individual project page's settings? I just tried to insert it in the individual project's page but there isn't a place to c&p the code? -
Make a dropdown navigation folder not clickable
tonicastudio replied to laurentaylar's topic in Customize with code
@creedon hmm still doesn't seem to work. I copy and pasted the link exactly as is in the portfolio page's code header injection, but the link is still showing up 🤷♀️ -
Make a dropdown navigation folder not clickable
tonicastudio replied to laurentaylar's topic in Customize with code
@creedon so close! it does work, but now the images are not showing up at all or the background fill doesn't change colour. I've seen it done in the second section of this website if it helps: https://standoutsquare.space/ -
Removing top and bottom padding on a portfolio section
tonicastudio replied to tonicastudio's topic in Customize with code
@tuanphan thank you! Sorry, I have a couple of different threads going, asking questions in different places. But this works great, thank you so much!! But now, there's an issue with the images on hover. They are cutting in half on desktop, but working fine on mobile. any idea why that is? -
Site URL: http://tonicabrandstudio.com I've added code to minimize the top and bottom padding on my portfolio section. But as soon as I added in the code, the images that show up on hover cut in half on desktop (shows up fine on mobile). Anyone have an idea what's going on here? I've messed around with different height values etc but nothing seemed to work. site: tonicabrandstudio.com pw: australia menu > example Here's the code that I've used to remove the portfolio section: /* portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; } } Thank you!
-
Make a dropdown navigation folder not clickable
tonicastudio replied to laurentaylar's topic in Customize with code
Hey, is it possible to do something like this for portfolio sections? I am using a portfolio on hover where gifs are showing as the picture but would like to make those individual project links unclickable. site: tonicabrandstudio.com pw: australia then go to menu>example. Thank you! -
@tuanphan Amazing!! You're a life saver thank you! That fixed the padding, but there is one issue... The Images are cut in half now on desktop, but showing up fine on mobile. Any idea why that is? This is the updated code that I've slightly changed. I even messed around with the heights to see if that was the problem but the images are still cutting on in desktop view. /* Example page portfolio height */ @media screen and (min-width:768px) { [data-section-id="61ed52923ad0a2796cf80056"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="61ed52923ad0a2796cf80056"] .content-wrapper { height: 50% !important; } }
-
Oh btw, I've since removed the above code you've provided. So now you'll see the text sits in the middle of the section once again with excessive padding on top and bottom. Just trying to get rid of the padding.
- 9 replies
-
- portfolio
- code-injection
-
(and 1 more)
Tagged with: