Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 30, 2015 at 9:51 am #511246
    mmsdev

    Hi.

    Can you please tell me quick css for changing the the font weight, size and make it lower case for the element titles on icon lists..
    I would need to do it on a page by page basis not across the whole site.

    EG: Change these titles on page xxxxx

    Many thanks in advance

    September 30, 2015 at 10:45 am #511299
    Josue

    Hi!

    Please post a link to the page in question.

    Best regards,
    Josue

    September 30, 2015 at 11:38 am #511349
    mmsdev

    Here is a page i would like to change it on, however we use the icon lists on many pages..

    September 30, 2015 at 11:59 am #511369
    Josue

    Hey!

    Use the following code:

    #top .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
}

    On a specific page:

    #top.page-id-2 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
}

    Regards,
    Josue

    September 30, 2015 at 12:25 pm #511391
    mmsdev

    This code works globally:

    #top .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    But when i use this nothing changes on that page (26876)

    #top.page-id-26876 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    —————————————————————————-

    Can we also add a colour change to that code?

    September 30, 2015 at 12:39 pm #511398
    Yigit

    Hey!

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class and then change the code to following one 

    .your-custom-class .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

    You can go to Colors tab on your element to change colors

    Best regards,
    Yigit

    September 30, 2015 at 1:08 pm #511426
    mmsdev

    Sorry thats beyond me this is working fine

    #top .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    But this was not

    #top.page-id-26876 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    September 30, 2015 at 1:11 pm #511430
    Yigit

    Hey!

    Following should 

    .page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

    P.S.: If you do not mind posting admin credentials, we can make the changes for you

    Best regards,
    Yigit

    September 30, 2015 at 10:10 pm #511849
    mmsdev

    Actually both these work! ,

    #top.page-id-26876 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    .page-id-26876 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    I was targeting the wrong page number and so did not see it change when i checked the page i wanted.

    OOPS! , Thanks though.

    Is there a preferred One to use from the above or does it not really matter?

    you can go to Colors tab on your element to change colors

    Its the” icon list title” colour i want to change on the page, i see you can change the icon colours and have done that already.. Is there a extra bit of code i can add to this to target the icon list title colour?

    page-id-26876 .iconlist_title {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    }

    September 30, 2015 at 10:18 pm #511853
    Josue

    Try:

    page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
color: red;
}

    Best regards,
    Josue

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