Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1346944
    JfantasyBooks
    Participant

    Hello Again!,

    Details:

    Name: JFantasyBooks
    Site: Fantasy-Books
    Site Url: https://fantasy-books.live
    WordPress Version: 4.7.1
    X Version: 4.6.4
    Cornerstone Plugin Version: 1.33

    Problem:

    Hello, I’m making a function for the site, and I would like to know the css for changing…

    1. Font colors, hover and non hover
    2. The background of all cornerstone elements
    3. Buttons (sitewide) background
    4. the font on buttons (sitewide)
    5. Navbar
    7. Menu
    8. Footer

    #1347246
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    h2.entry-title a {
        color: #565656;
    }
    
    h2.entry-title a:hover {
        color: #ddd;
    }
    
    .x-btn.x-btn-flat, .x-btn.x-btn-flat:hover {
        background-color: #ddd;
        font-size: 18px;
    }
    
    body:not(.rtl) .ubermenu-skin-trans-black.ubermenu-horizontal .ubermenu-item-level-0:first-child>.ubermenu-target {
        color: #ddd;
        font-size: 15px;
    }
    
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
        font-size: 20px !important;
    }
    
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target:hover {
        background-color: #ddd;
    }
    
    .ubermenu.ubermenu-main .ubermenu-item-level-0:hover>.ubermenu-target {
        background-color: #ddd;
    }
    

    Thanks.

    #1347295
    JfantasyBooks
    Participant

    Thank You

    #1347337
    Lely
    Moderator

    You’re welcome!

    Cheers!

    #1349842
    JfantasyBooks
    Participant

    Can you also provide the css for…

    1. changing the color of links of a post/page (also with hover)

    2. changing the color of links in the sidebar (hover included)

    3. links in the sidebar that are manually put in. ex. my text (hover included)

    4. Changing the color of the boxes around the headings in the sidebar

    5. css for changing the color of the footer.

    6. changing the color of the footer (a.) content and (b.) menu in the footer

    7. and last, I have in the sidebar, an text box. Css to change the color of the text box.

    #1350195
    Lely
    Moderator

    Hi There,

    1 &2 &3.)There’s a settings available in Appearance > Customize > Typography > Site Links and Site Links Hover. That the main settings for link color. We can use custom CSS if you want a different settings from that.

    4.)

    .x-sidebar .h-widget{
        border-color: red;
    }

    5. & 6.)

    .x-colophon.bottom .x-colophon-content {
        color: red; /*Normal text color copyright text */
    }
    .x-colophon.bottom .x-nav li a {
        color: rgba(255,255,255,0.25); /*Menu link font color*/
    }
    footer.x-colophon.top .widget {
        color: green; /*Font color for widget content*/
    }

    7.)

    #subscribe-email input {
        color: red;
    }

    Hope this helps.

    #1350217
    JfantasyBooks
    Participant

    Thanks for replying.

    A few things,

    1,2,3 I require the css for something I’m working on.

    Can you please provide me with it?

    Also, I would like to change the border of the buttons. Do you know the css for that as well?

    Thanks

    #1350300
    Christopher
    Moderator

    Hi there,

    #1 Change link and its hover color under Appearance > Customize > Typography > Site Links and Site Links Hover.

    #2 Please add this code :

    body .x-sidebar .textwidget a, body .x-sidebar .x-feature-box-text a {
        color: red !important;
    }
    body .x-sidebar .textwidget a:hover, body .x-sidebar .x-feature-box-text a:hover {
        color: #ff00ff !important;
    }

    #3 Please let us know which buttons you’re referring to? You can adjust button’s style under Customize -> Buttons.

    Hope it helps.

    #1374632
    JfantasyBooks
    Participant

    Thanks for your help! I’ve been able to solve everything.

    #1374712
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1346944 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>