-
Posts
-
Hi guys,
I changed the animated numbers with Quick CSS. That worked out well. Unfortunately one of the artists has to much followers. :-) The numbers are to huge on iPad. I was wondering if it would be able to change the font size of the numbers only on the specific page.
https://tppr.me/srbHYI used this code to give it a try:
.portfolio-id-1654 span.avia-single-number {
letter-spacing: 1px;
font-family: “avant-garde-pro-bold”;
font-size: 10px;
color: #dfe0e1;
}But it’s not working out. I tried changing the code but that did not work either. Can you guys provide me with the right code?
Hey AlfredoS,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to accurately help :)
Best regards,
Sarahthe thing is that portfolios do not have
.portfolio-id-xxxas custom posts they got.postid-xxx
try to look to your source code – maybe i’m not right – but i think this is your faultso if your id is right try it with:
.postid-1654 span.avia-single-number { letter-spacing: 1px; font-family: “avant-garde-pro-bold”; font-size: 10px; color: #dfe0e1; }Hi,
Thanks for your input as always, @Guenni007!
@AlfredoS You can try looking for the postid as Guenni mentioned. If you need more help, please do provide us with a link so we can look at it closer for you.Best regards,
SarahThanks Guenni
It worked!
I used
.postid-1654 span.avia-single-number {
letter-spacing: 1px;
font-family: “avant-garde-pro-bold”;
font-size: 50px;
color: #dfe0e1;
}But I used to think i had to put a dash between post and id. .post-di-1656
I guess that is not the case.
Try to make you familiar with using developer tools of your browser. In former times only a little plugin called firebug and firefox are good enough to show you all information about the source code.
click to enlarge:
nowerdays nearly all (safari likes to aktivate its developer tools) browsers have it implemented.
Mostly you can have information by right-mouse button (context menu) and choose something like “examine the element” on my firebug it looks this way f.e.i have my mouse over your nick here “AlfredoS” on board – using now my firebug opens a new window with on the left html-structure and on the right css rules concerning to that element. On top the more specific – on the bottom the inherited rules .
So here we see you nick here on board is an anchor with class bb-author-name – on the right you see that font-size is 12px and line-height is 16pxscrolling on left window-part (html-structure) to top we see that this body has the ID=top and the class is : postid-836358
etc. pp no magic just reading what happens on the code
Hi AlfredoS,
Great, glad you got it working. Thanks for helping out as always @guenni007 :-)
Best regards,
RikardHi AlfredoS,
The built in developer tools in major browser like Chrome and Firefox usually covers all my needs.
Best regards,
Rikardand firebug did not work anymore in a correct way now. After updating my firefox. Hope it will come back, firebug is an old shoe but it fits perfect.
- You must be logged in to reply to this topic.