button colors and other small issues in treeson theme

  • Resolved frans otherworld

    (@frans-otherworld)


    9 years, 3 months ago

    hey – I use the treeson theme, and like it a lot. But there are a few things i would love to be able to do :
    – (how) can i change the color/ brightness of the 2 buttons in the header ? they are disappearing behind the header picture and the mask…
    when i hoover over (mouse over) the buttons, their colors get brighter, much more like i want them…
    – my front page has a divider / horisontal line under the header, that i can not get rid of. My other pages don′t have this line
    – under the footer, there is a field with social links. I can disable the links in the ′social′ tab, but i want to get rid of the field all together. Is it possible ?
    – is it possible to make the page layout 2 columns instead of one ?

    The site I am working on is at : skovsyren.dk
    Thx for a great theme. Hope you can help me with my issues ~.~ Frans

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

  • Appearance > Customize > Others > Custom CSS >

    /* Buttons */

.header-button-wrapper a.btn.first-btn.header-button,
.header-button-wrapper a.btn.second-btn.header-button {
    color: rgba(244, 217, 119, 1);
    border: 1px solid rgba(244, 217, 119, 1);
}

/*Divider */

.mythemes-delimiter div.delimiter-item {
    display: none;
}

/* Social Links */

footer div.mythemes-social {
    display: none;
}

    Thread Starter frans otherworld

    (@frans-otherworld)

    wow ! thank you ! this is now officially my first css coding :o)
    the text in my custom css field now reads :

    .header-button-wrapper a.btn.first-btn.header-button,
    .header-button-wrapper a.btn.second-btn.header-button {
    color: rgba(244, 217, 119, 1);
    border: 1px solid rgba(244, 217, 119, 1);}
    .mythemes-delimiter div.delimiter-item {
    display: none;}
    footer div.mythemes-social {
    display: none;}

    2 out of 3 ain′t bad… the buttons looks good, the divider is gone, but the social area is still there… propably i miss some bracket or something ?

    also, the divider in the header is gone, but the space is still there, so the text on my front page sits lower than on the other pages – is it possible to fix this too ?

    Not sure what you mean there are no social icons on the site.

    You could also add this to reduce the space.

    footer .mythemes-copyright {
    padding-top: 15px;
    padding-bottom: 15px;
}
    Thread Starter frans otherworld

    (@frans-otherworld)

    there are no social icons left, but the space they reside in, is still there…
    with your new code, it looks good !

    Thread Starter frans otherworld

    (@frans-otherworld)

    is it possible to remove the space, where the top divider was ? or, alternatively place a picture there ? it is only on my front page, on the other pages the text starts from the top as it should…

    Sure try adding this also.

    .mythemes-delimiter {
    display: none;
}

    Thread Starter frans otherworld

    (@frans-otherworld)

    okay, I fiddled with the code, and got rid of the `social space′ in the bottom of the page…

    now the css code reads :
    .header-button-wrapper a.btn.first-btn.header-button,
    .header-button-wrapper a.btn.second-btn.header-button {
    color: rgba(244, 217, 119, 1);
    border: 1px solid rgba(244, 217, 119, 1);}
    .mythemes-delimiter div.delimiter-item {
    display: none;}
    footer .mythemes-copyright {
    display: none;}
    div.delimiter-item {
    display: none;}

    Thread Starter frans otherworld

    (@frans-otherworld)

    You are a wizard ! who just saved me hours of searching for solutions…
    this will be my final code lines…:
    .header-button-wrapper a.btn.first-btn.header-button,
    .header-button-wrapper a.btn.second-btn.header-button {
    color: rgba(244, 217, 119, 1);
    border: 1px solid rgba(244, 217, 119, 1);}
    .mythemes-delimiter div.delimiter-item {
    display: none;}
    .mythemes-delimiter {
    display: none;}
    footer .mythemes-copyright {
    display: none;}
    div.delimiter-item {
    display: none;}

    It should be this.. you have some errors.

    /* Buttons */

.header-button-wrapper a.btn.first-btn.header-button,
.header-button-wrapper a.btn.second-btn.header-button {
    color: rgba(244, 217, 119, 1);
    border: 1px solid rgba(244, 217, 119, 1);
}

/*Divider */

.mythemes-delimiter div.delimiter-item {
    display: none;
}

/* Social Links */

footer div.mythemes-social {
    display: none;

footer .mythemes-copyright {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Top Space Removed */

.mythemes-delimiter {
    display: none;
}

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘button colors and other small issues in treeson theme’ is closed to new replies.