Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] How to change the font color of Profile Fields.


  • idichoo
    Participant

    @idichoo

    Hi,

    I have same problem with my profile field label cannot be seen due to same colour background.

    I have downloaded custom css, but not sure of the coding to use.

Viewing 11 replies - 1 through 11 (of 11 total)

  • learntodesign
    Participant

    @learntodesign

    Not sure of your exact question but you can simply inspect the element in your browser and change the css there.

    Then add to the style.css of your child theme


    idichoo
    Participant

    @idichoo

    I tried to unddrstand the installation of child themee. It is really diffcult and dont reeLly know why i neeed to install child theme.i am also not sure my theme has a child theme


    danbp
    Moderator

    @danbp

    No theme has a child theme. It’s to you to create one. That’s necessary if you whant to add custom style without loosing it at next update.

    Sorry i don’t read chinese, but you’ll probably find some guidance on chinese WP codex
    https://codex.wordpress.org/zh-cn:Main_Page


    idichoo
    Participant

    @idichoo

    Hi,

    WEll.. i have the same problem as this person posted.

    i have a similar problem as the above link.
    i tired to understand install child theme but it does not work.
    Thru this link

    Building a Child Theme of the BP Default Theme


    But i have quite complicated is there any video you can provide me.
    Btw I am not using FTP, I am using cloudways to bulid the site.


    idichoo
    Participant

    @idichoo


    idichoo
    Participant

    @idichoo

    Hi,

    As there a video on how to set a child theme.

    Best Regards


    danbp
    Moderator

    @danbp


    idichoo
    Participant

    @idichoo

    Hi,

    I have to change the front and color of word.

    .label {
        display: inline-block;
        font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
        font-weight: normal;
        line-height: 1;
        margin-bottom: auto;
        position: relative;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        padding: 0.25rem 0.5rem 0.25rem;
        font-size: 0.9rem;
        background-color: #ececec;
        color: #000;
    }

    But wish to the change the ‘background-colour: #ececec’,
    However on my screen it appear to have a strike thru which does not allow me to change?
    What should i do.


    danbp
    Moderator

    @danbp

    That’s a Firebug question, but not important anyway. Also, there is no need to use all rules, as they are handled by the original CSS. You declare only the part you want to modify for .label

    Open /child-theme/style.css and add only this: (#xyz123 is the color hex you want to use)

    #buddypress table.profile-fields tr td.label,{
       background-color: #xyz123!important;
       color: #xyz123!important;
    }

    idichoo
    Participant

    @idichoo

    Hi,

    I have another problem, i tried to save the changes to style.css in child nothing happend.

    .label {
    display: inline-block;
    font-family: “Helvetica Neue”,Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.9rem;
    background-color: #ececec;
    color: #000;
    }

    This was paste into sytle.css file, i see no changes to the child theme.
    I changes front size and color but background-color remain, i guess cannot be changed.

    Can some help me thanks.


    idichoo
    Participant

    @idichoo

    I have pasta into use custom css to instead style.css now it works

    It is okay now.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] How to change the font color of Profile Fields.’ is closed to new replies.
Skip to toolbar