Forum Replies Created
-
Posts
-
Hi Mike,
it works. Thank you so much.
The last hurdle was due to my rookie mistake – as soon as I entered the code via appearance/editor, the icon list automatically switched size for small screens.
Again: wonderful, thank you!exceptional support here – for (I suppose 9!!) long years.
Hi Mike,
thx for getting back.
functions.php – feels like we’re changing levels…
Thank you for all your energy you put in my quest for avoiding redundancy.
unfortunately – I couldn’t bring it to live:
first I made sure to have two icon list elements on the page – one big, one small – without any responsive settings.
If switching would work, the should look similar – on smartphone, but…
I updated functions.php as u mentioned – icon list doesn’t switch as expected.
Neither in Mac Safari Responsive Mode nor on iPhone. Pls see iPhone screenshot…Maybe I made a rookie mistake – which one?
“rookie mistake” – maybe this one:
I changed functions.php via ftp first – which didn’t work (as mentioned above)
Then again I read your post and checked appearance / editor – couldn’t find the code change I did via ftp.
So I did the change they way you wrote – and it worked the way I hoped!W O N D E R F U L – thank you, Mike!
Again, thx Mike,
sorry, did two things the same time…
pls check the page, there’s now the second icon list (minimal style) for small screens on smartphones.
I’d like to know if/how css can change “avia-icon-list” from av-iconlist-big (with Icon Fontsize 24px) to av-iconlist-small (with Icon Fontsize 14px) on small screens so that I only need one icon list element instead of two. (I’d appreciate to learn how css can help me switching list style to minimal for small screens.) That might help me to spare the second icon list and avoid redundancy with all the fuss that comes with it.By the way: is there a list or library of all the element names (classes?) and properties available?
Wow, Mike: Thank you!
every time there’s to learn – I appreciate that.
If you’re open for a following question:
for this responsive thing I copied the icon list element and set the second one’s [list styling] to “minimal”.
I have two issues with that:
1. redundancy – every change in terms of content has to be made on two elements…
2. font size – the smaller icons should get a smaller font size than the 24px that is set via the following code:.VuK-IconList-numbers li .iconlist-char:before { font-family: 'PT Sans', Helvetica, serif; font-size: 24px; font-weight: bold; }Could you pls give me a hint what to do having css delivering responsive font sizes 24px for not smartphones, smaller for smartphones…
(that would solve issue #1 as well)?Again thank you!
Hi Mike,
cool code snippet
I used it via css class – it now works on iPad on all pages using this kind of background…@media only screen and (max-width: 1300px) { #top .GIFhg { background-attachment: scroll; padding: 0 !important } }Thank you!
Hi Mike,
yes, its being set to “fixed” what makes it look weird on iPad (portrait & landscape), while Desktop and iPhone looks wonderful.
If I’ll set it to „scroll“ it looks wonderful on iPad as well – but – for the sake of not being „fixed“ on desktop. unfortunately „fixed“ on desktop is important to me.
And – as I have complex text in front of the background – a redundant color section for iPad would double the content and might risk what redundancy is famous for – inconsistent content (when content changes are not performed twice), wouldn’t it?Hi Mike,
thx for your input. I updated iPad to v16.5 today and – again – had no luck.
Situation didn’t change. pls see pic.
And yes: Safari OSX on Mac shows wonderful GIF in Responsive Design Mode…😢
Hey Mike,
thx for getting back.
Screen Resolution Tool shows 834×1194 (iPad Pro)
pls see screenshot of BG GIF attached.Hi Nikko,
thank you for your Input concerning the button.
Talking about the text element I’m a but surprised you wrote “go to Styling (tab) > Spacing”…
Within the styling-tab I can see “blog-style”, “font-size” and “Colors” only.If possible to manipulate text elements by CSS – would you pls send an example with all accepted arguments from where I can go further?
Thx
Hi Mike,
thx, got it.
reduced bottom padding on the btn side and it worked.
How can I change (left) padding & line height of the text element?
((quick css and custom css pls, if this is the way to go.))
and pls further CSS-galore for changing format/style of btn & text
(pls see the attached demosite and you might “feel” what I mean)Hi Nikko,
thank you.
[put a font family on the code you gave]: could you pls send a “how to” / an example either for Quick CSS or Custom.CSS? (or “as well…as”)would be wonderful…
Thank you.
Hi Nikko,
OK, I sent u IOS & Mac-Screenshots attached, pls chk:
Safari and Chrome on Mac and IOS is OK, Firefox and Chrome on Mac not.Is there anything I can do via Quick CSS to ensure browsers using grotesk fonts and no serifs?
Or via Custom CSS on the child side to manipulate Font size, weight, family …Hi,
thank you.
I understand: you’re changing the width of the tooltip frame.
I’d like to have the content (= text) not centered but aligned left.
Is this possible as well?@Mike, thx for your reply.
tried the CSS, can’t see any difference.
Tooltip content alignment did not change at all.thx for ur response.
pls see attached link: cannot see circle timer progressing in front of white background…
