• beaconoflightenfield

    (@beaconoflightenfieldmailcouk)


    Oh dear! Messed up my customer CSS codes. Simply want to change the colours, remove underlain and add hover over colour. Can anyone give me a clue please. I think it best to remove all I have and start again? Using WP Third Style.

    .entry-title {
    display: none;
    }#secondary .widget_links a {
    color: #013487;
    }.entry-content a {
    color: #013487;
    #content {
    color:”#013487″
    }a:link {color:#ffffff; text-decoration:none;}
    a:hover {color:#FFFFFF;} /* mouse over link */

Viewing 15 replies - 1 through 15 (of 48 total)
  • First, are you working with a child theme? If not, read this article on how to create a child theme: Create a Child Theme.

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    Before reading the article I must admit that I have no idea what a child theme is – I have come across forums mentioning it – and I really have absolutely no idea. https://www.beaconoflightenfield.co.uk – never ‘built’ a website before and mainly plunged through it – I have often thought to ask what a child theme is… now I’ll start reading. Thank you.

    OK. Have fun reading the article. If you have further questions, please do not hesitate to ask!

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    Its frightening me! I already have the site up and running – how do I change it to a child theme? Don’t wanna of there!

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    Nope – can’t go there – far too much for me to handle!! I just need help with what I should have in my customer css. I have customer css as a plugin and it was working fine – but now because I twiddled with it – I’m lost and no I didn’t copy it first! Simply need to know how to write the codes for internal links on websites to hover and no decoration. Anyone help me?

    Basically, you just create a new folder in the themes folder. For example, if your theme folder is called “beacon” then you create a folder for the child theme called “beacon-child”. Once you do that, it requires just one file for the child theme to show up in the list of installed themes to be activated. That file would be a “style.css” file. In the link I gave you, there is code provided to copy and paste in that file. So based on my example, the code you add to style.css would be:

    *
     Theme Name:   Beacon Child
     Theme URI:    https://example.com/beacon-child/
     Description:  Beacon Theme
     Author:       John Doe
     Author URI:   https://example.com
     Template:     beacon
     Version:      1.0.0
     Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
     Text Domain:  twenty-fourteen-child
    */
    
    /*
    For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:
    
    Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.
    */
    
    /*
    @import url("../beacon/style.css");
    */
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Only two changes are needed for it to work: I changed the name of the temnplate and the import url. But I changed the theme name so you will know which one to select.

    OK. Here’s some code to change certain attributes for the links:

    .entry-content a {
        color: #013487;
        text-decoration: none !important;
    }

    You can change the hex code (#013487) to whatever hex code you want to use.

    Now, for the hover. You can do this.

    .entry-content a:hover {
        color: #ff0000;
    }

    Again, you can change the hex code value for the color of the link when hovered on.

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    You really are being very patient with me – and thank you – but I can’t go there! I am not good at this at all and it is all way to far out for me to deal with. I haven’t had a problem with the Custom CSS before today – and it was running smoothly – until I decided to change something and I can’t remember how I set it up to start with! I really don’t want to start another theme and write complete codes for it.

    I just gave you some CSS codes to put in that CSS plugin.

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    ah! they hadn’t shown up before I replied to you. Brilliant – thanks. Im going to ry them now.

    OK. Let me know if my code works. Thanks.

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    uummm – unfortunately not ?? Unless of course it takse a little while to code? If you do have a chance perhaps you can look at the site – and you will see what I mean – all links are underlined (which I don’t want) and I would like to just change the colour – but maybe I should just keep it as it is – probably works fine for everyone anyway.

    Thread Starter beaconoflightenfield

    (@beaconoflightenfieldmailcouk)

    respectyoda Hi ! Just thought I’d say that as the codes didn’t work I decided to investigate more thoroughly the Child Theme! All up and running as child theme now – but alas codes still not working. Is there somewhere you can direct me to find out how to do this and also to change the tab colours and texts along with foot colour changes please? Also want to say thank you for your help and thank you for suggestion for the child theme – as I found time today I was better able to understand just how important it is!!

    Hola! That’s great the child theme is up and running! You are welcome!

    Let me inspect your site now so I’ll get back to you in a moment.

    I noticed you are using a custom CSS plugin, but let’s use your style.css file in your child theme folder.

    For starters, put this code right in the style.css file at the end.

    .entry-content a {
        text-decoration: none !important;
    }

Viewing 15 replies - 1 through 15 (of 48 total)
  • The topic ‘Need custom css code for links please’ is closed to new replies.