Forum Replies Created
-
Posts
-
Works great! Sorry to be picky but when the white appears when hovering on the buttons there is also a 1px dark blue line at the bottom. Is there a way to get rid of this? If not that’s ok.
Hello,
I actually did try this exact code but it doesn’t seem to work when entering it into the quick css field.
I was trying to determine what the slider ID was but kept choosing the wrong part. This helps reinforce that I was headed in the right direction with it. Thank you for your help Rikard! :)
Works great, but it looks like that CSS hover is being applied to all buttons throughout the site. Is there a way to target it to only affect the slideshow buttons?
One more thing. Could you please help me with the same thing for the About page? I’d like to display only the fullscreen slider on mobile while only the fullwidth slider is displayed on desktop.
thank you so much.
Thank you elliott! that works great.
Could I please get some help with setting custom hover colors to the buttons within the fullwidth easy slider on the homepage? I’d like both buttons to have a hover of white bg with black text.
Thank you guys again for such outstanding support. I really do appreciate it.
Hi Rikard!
That works. But I actually wanted the fullscreen slider to display on mobile and not the fullwidth easy slider. I tried changing it to this but it didn’t work:
@media only screen and (max-width: 480px) {
#fullwidth_slider_0 {
display:none !important;
}
}Thank you!
Hello. I thought it was in the settings but I tried to set the “Highlight Color – secondary color for link and button hover, etc” to black in general settings but still no black hover.
I just added the CSS above in a text block element, but it makes the button appear black instead of a black hover.
I’m not sure if it’s due to the settings that I have but on laptop there is a large gap above both revolution sliders (I am creating the page with two revolution sliders on top of another) the screenshots show the gaps that i’m talking about.
For the first slider I have the rev slider set to:
minimum height 1526
max width 2000And for the second it’s
min height 1230
max width 2000On desktop, if you bring the page width all the way out to 2000px, there is no gap. But there is a gap on any device whose screen is smaller than 2000. I hope this makes sense!
Thank you.
Hello! I’m having the same issue as well. I tried adding the code above, changing the page ID to 82 but it didn’t work.
Hello! Thank you for your guys’s help. I was running out of time so I just decreased the sizing of certain mobile-only text and elements so that they wouldn’t appear too large on tablet but would also still be large enough to read on mobile. I’m sure I will need to use this code again at some point so i’d like to keep this thread open if you guys don’t mind.
Thanks for everything!
Thank you for looking into that Yigit! My apologies for overlooking that mistake.
Is there a way to increase the vertical spacing between the title and breadcrumb, and is there a way to also increase padding below the breadcrumb so that it is more centered on the title bar?
One more thing, what line of code can I edit to change the “you are here” that precedes the breadcrumb?
Thank you again. You guys are amazing.
Hello,
I started a topic on image hovers a few weeks back but i’m going to include it again in this thread because it relates. I feel that the complexities of the request above exceeds that of which I asked here: https://kriesi.at/support/topic/custom-image-hover/
I’ll explain it again:
When you have an image you have the ability to set an opacity hover. I was wondering if this opacity hover can be replaced with a png hover using quick CSS and target it with a custom CSS class.
The hover png would look something like this:
I am only asking for quick CSS to retrieve the png, I think I may have been misunderstood perviously.
Thank you!
Awesome! Thank you! :) Everything that you provided works, except that the breadcrumbs is now overlapping with the title area.
Hi Yigit!
Yes I saw this post, thank you! But what you posted there doesn’t seem to answer my question that pertains to the post above though, unless i’m missing something.
The reason why I posted here is because I am having the same issue that md_fadhli posted in the first post above. The use of real estate of the text on mobile does not look right. The author takes up 1/3 of the screen on the left and then the text is restricted to 2/3 of the screen on the right ( there is a large gap in the space underneath the author avatar) Does this make sense?
the code that was provided above did not work for me:
@media only screen and (max-width: 768px) {
#bbpress-forums div.bbp-reply-author { float: none; margin-bottom: 10px; }
.bbp-reply-author:before { display: none; }}So I just checked back on my slides and the transition changes I may last night seem to have gone through, perhaps it just takes some time to adjust.
Hello. I am having the same issue. When the slides are previewed the transitions are randomized but when you actually set which ones you want, nothing happens.
Thanks Rikard! That worked for the font sizing and line height. :)
Any way to remove the peach colored over and fix the toggle hover to target it for the menu items instead of the hamburger nav icon? And lastly fix the close icon mis-alignment?
Hello! When I use 769 for both codes tablet displays desktop-only elements but my mobile device displays only the desktop-only elements as well. Same goes for when I use 480.
I hope I explained myself thoroughly enough, if not i’ll attempt to clarify.
On the url I provided, each element that you see on dekstop/laptop has been tagged with desktop-only. I basically have all those elements duplicated and modified for viewing on mobile, they have been tagged with mobile-only. Everything works great except for the fact that tablet displays the mobile-only elements instead of the desktop-only elements, which does not look good because the text is much too large, the “custom navigation” I created is too large, etc. I hope that helps if I wasn’t clear enough before! :)
Thank you!
