Forum Replies Created
-
AuthorPosts
-
Hi Rikard,
Thanks. Could be a nice solution, but in my case I want 3 or 4 projects next to eachother!
Janneke
I did! Used all kind of box shadows, also some codes you sent on this forum, but everytime it was only visible at right side. As if the overflow was not visible and only thanks to a few px padding at the right side the shadow was visible over there…. you know what I mean?
And how about it now? Any changes? Would love to have the post slider slide one by one!
Hi! I want to change the color of image post slider overlay, but the overlay is bigger than the image so the overlay is a little bit to wide. Any ideas how to fix that? See: https://ibb.co/ZHJNFgT
Thanks! Janneke
Thanks! But it’s still not working fine when you scroll up. Than the default logo is getting bigger in one split second. I cant see your gif anymore and dont know how to send you a video of my internet browser.. The rest is perfect!
Hi Mike,
Thanks for not closing this thread yet. I now see that on mobile some headings are not correctly visible. When you go to the homepage you see the heading “sta-op stoel Arnhem”. That should be centered. On desktop it is, on mobile not. Than when you scroll down you see the white squares with gradient title, text and gradient button. The second heading is not showing great. That one is longer so it has two lines of text and the second word is not visible and too much to the left if you understand what I mean. “Wisselend assortiment” is the title name.
On the page /merken you see the title “Welke merken” but the whole title is “Welke merken verkopen wij?”. So, not the whole title is visible.
Hope you understand what I mean! I’ve added al the pages where the title is not good on mobile in private content!
Thanks a lot!
You can close it, thanks a lot!
I think it’s working, only the overflow is not visible. The logo is the same as the main logo but than with text onder the flower. The text is not visible right now.
I’ve created admin login for you! Thanks a lot!
I think it’s working!! Thanks a lot Mike!
Your support is amazing!
Hi Mike!
Thanks! It helps, only when I scroll back to top the main logo is getting bigger before you see the transparent logo. See link!
Hi Mike,
Thanks! That’s working in Chrome, only in Safari the text is transparant. When I select the text, the text is not visible but I see it is centered.
You can have a look! Thanks!
Hi,
Margin left 30% is ideal… and not perfect working on mobile. Maybe there is another element in stead of the inline element? Any ideas? Or a total other way of creating gradient text color? Or another way of removing the transparent text in Safari? Maybe set display inline only for Safari? But I dont know if that will solve the problem..
Thanks a lot!
YES! Perfect! Thank you so much!
Yes display inline is working! Only the centered text is not centered anymore. This is the css code im using:
h2.kop-gradient { background: -webkit-linear-gradient(left, #8e0075, #fa006b); background: -o-linear-gradient(right, #8e0075, #fa006b); background: -moz-linear-gradient(right, #8e0075, #fa006b); background: linear-gradient(to right, #8e0075, #fa006b); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline !important; } h2.kop-gradient.center { margin: auto !important; }
Thanks!!
Yes, perfect! That’s working. Thanks!
About the safari issue: when I load the page, the text is not visible/transparent.. when I select the text, it is visible and stays visible. So when I select all the text on the page and than deselect, than all the titles are visible.
Hi! In Google Chrome the text was visible, in Safari not.
I’ve added the margin auto, but now all the titles are centered.
And when I remove the two lines of background clip and text fill color, the background is gradient, not the text. See site!
Thanks!
Oh, that’s weird. When I select the text, the color is appearing. The color is great now. Any idea why the text is first transparant? And the centered title is not centered anymore. See link! Thanks!
Is it because of this code:
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;-
This reply was modified 4 years, 10 months ago by
jannnnnneke.
Hi Mike,
Thanks but now the title is totally gone. Any other ideas?
Hi! Sorry for the late respons, I’m not sure if I totally understand you’re question but what I do is trying to add custom css like this:
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
text-transform: none;
}In safari it works, but in chrome I dont see the bold font or at least not as bold as it should be. When I change it to 900 still nothing happens and in Safari it does.
I’ve also changed font weight to 600 in advanced styling tab to the buttons and menu buttons, but there is also nothing happening in Chrome.
I’ve added login details in private content. Maybe you can see what’s going wrong? Thanks a lot!
I’m using Safari and there it is perfect, but now I’m having a look at the site in Google Chrome and there the headings are also not as bold as it should be. Please have a look at desktop version safari, there are the headings more bold.
I got some screenshots. 2 of Google Chrome and 2 of Safari. Can you open this?
https://ibb.co/6B0VVD9
https://ibb.co/fCq9rQS
https://ibb.co/nDtqLyd
https://ibb.co/GdVFdLDHi there!
I’m using a css code to create text color gradient, but the problem is that the second color (100%) is not visible. When the text is longer, the color is visible. Looks like it’s using the whole column as 100% in stead of only the text. When I make the screen smaller, the second color (pink) is visible because the column is getting smaller. Hope you understand me.
This is my css code:
h2.kop-gradient {
background: -webkit-linear-gradient(left, #8e0075, #fa006b);
background: -o-linear-gradient(right, #8e0075, #fa006b);
background: -moz-linear-gradient(right, #8e0075, #fa006b);
background: linear-gradient(to right, #8e0075, #fa006b);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}See link in private data. The pink color should be more visible, just like the logo.
Thanks a lot!
Perfect!! Thank you so much, it works!
Hi! Sorry I mean the titles/headigs! Those are bold (700 font weight)!
Hi!
I mean the grey background color of the grid boxes. See link in private data.
I want each box to be another color. There are for example 4 portfolio items and I want to change them manual to another color (red – blue – green – yellow for example).
Hope you understand me!
When I inspect element I see:
av-masonry-entry isotope-item post-544 portfolio type-portfolio status-publish hentry portfolio_entries-workshops av-masonry-item-no-image av-masonry-item-loaded
Can I do something with the post-544 to change the color of juist that item? To change the background color of all the items i use this class:
.av-inner-masonry-content .site-background
OR
.main_color .container .av-inner-masonry-content
Both are working. I’ve added .post-544 in front of it but that didnt work!
Hi!
Now I have:
#maarten { background-image: url('image link'); height: auto; width: 100%; background-size: cover; } #maarten:hover { background-image: url('image link'); }
But the image is totally gone now. Any idea why? See website in private data!
Thanks!
Is this working? I meant the sort of arrow under the first header image!
Thanks!
Is it possible to change the link of logo? Now all the logo’s are going to homepage when you click on it. But i would like to change that on a few pages. I’m using the function.php code guenni007 sent!
Thanks a lot!
Hi sorry, the plugin author gave me a CSS code and that worked:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Thanks!
In stead of the circle I’m now trying to create the shape of my logo, but than another angle. A sort of chevron shape I guess.
this is the code i’ve used:
#chevron-creme { position: relative; text-align: center; padding: 0px; margin-bottom: -40px; margin-top: -40px; height: 0px; width: 100%; z-index: 1 !important; background-color: transparent; } #chevron-creme:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 51%; background: #f5f3ed; transform: skew(0deg, 6deg); } #chevron-creme:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: #f5f3ed; transform: skew(0deg, -6deg); }
I only want the border to be a little bit more rounded..
See homepage for what I have created right now: https://bright.itsomimedia.nl
Do you know how to make it more round so it looks more like the logo? Thanks!!
-
This reply was modified 4 years, 10 months ago by
-
AuthorPosts