Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #836358

    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/srbHY

    I 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?

    #836371

    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,
    Sarah

    #836372

    the thing is that portfolios do not have .portfolio-id-xxx as custom posts they got .postid-xxx
    try to look to your source code – maybe i’m not right – but i think this is your fault

    so 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;
    }
    #836382

    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,
    Sarah

    #837013

    Thanks 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.

    #837053

    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 16px

    scrolling 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

    #837332

    Hi AlfredoS,

    Great, glad you got it working. Thanks for helping out as always @guenni007 :-)

    Best regards,
    Rikard

    #837397

    btw with page it is as you say page-id-123

    #839949

    Thanks Guenni for all the info

    #839950

    By the way Guenni… which webdeveloper tools do you like the most?

    #840260

    Hi AlfredoS,

    The built in developer tools in major browser like Chrome and Firefox usually covers all my needs.

    Best regards,
    Rikard

    #842447

    Cool. Thanks for replying. Code is indeed poetry.

    #862662

    and 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.

    #862908

    Hi,

    Good metaphor @guenni007 :-)

    Best regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.