• Resolved Toni

    (@tools4toni)


    This has been asked. I have asked, read, and tried changing link colors. Successfully.

    BUT…
    I want to change link font in pages and posts only.
    I tried: #content – this changes all links outside of the main menus. So, widgets, sidebar, read more boxes and theme post nav boxes all change. (The boxes especially look terrible with anything but white text. Excluding them only would be just fine, great even.)

    Thank you

Viewing 15 replies - 1 through 15 (of 24 total)
  • Thread Starter Toni

    (@tools4toni)

    I don’t know what I am doing. I pieced this together from different things:

    THIS CONFINES LINK FONT TO POSTS: don’t know if it is done correctly

    article.post a {
    color: #FF0000;
    }

    Now I need pages.

    Thread Starter Toni

    (@tools4toni)

    Okay. No replies.

    I isolated the widgets for links…

    /* sidebar widgets only */
    .widget a {
    color: #FF0000;
    font-style: oblique;
    }

    I never figured out how to isolate pages – so I just changed the font in the content: posts, pages, widgets….

    */ content links */
    #content a {
    font-style: oblique;
    }

    It’s subtle, but better than too much link color everywhere.

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    Hi Toni,

    Please can you send us a link to your site and we’ll see if we can help you out with this issue in a more efficient manner.

    Thanks!

    Thread Starter Toni

    (@tools4toni)

    Super! Thank you.
    https://toni-english.com/

    In my site the links in the site, content, etc., don’t appear any different than the text. Any way to indicate links would be awesome.

    Oh, and I don’t want the text in those nav buttons between posts, at the page bottoms, to be different from your design.

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    Hi Toni,

    I notice you’ve already added some color styling to your site. I would recommend you fully remove these as it looks like you’ve added this using inline css. Once you’ve removed the inline css then the following custom css will can be used to change the color of links on your site.

    Note that some links change color on hover, such as the meta links on blog posts. However links in your main content will be styled to match the red theme color once this is used.

    Please add the following custom css to your site using either a child theme or directly from the theme options panel under General Settings -> Custom CSS:

    a {
    	color: #F33F3F;
    }
    a:hover {
    	color: inherit;
    }
    a,
    a:visited {
    	text-decoration: none;
    }

    Please let me know if this does the trick and of course if there’s anything else I can help with. ??

    Thread Starter Toni

    (@tools4toni)

    Outstanding! Thank you so very much! I will try it now.

    What you likely saw was the cut and pastes I had done from other sites.

    I had not added colors. Just dotted a:hover, and a:text em (not like this but you get the idea)

    ____Wow, very good! It looks excellent so far!

    A couple of questions please?
    1.) On the home page – looking at the posts excerpts – there is no visual to indicate that the is more or how to get to it (link). Any suggestions?

    I am working with people, my students, many whom are new to computers/internet, and English. So they won’t assume there are links.

    2.) Is that my browser or something else on my end?
    -In the sidebar – the top level item in each widget is not colored.
    -No links are colored here: https://toni-english.com/about-2/
    -Breadcrumb nav is odd: it varies…examples:
    https://toni-english.com/grammar/verbs/verb-tenses/ (“home” not colored)
    https://toni-english.com/citizenship/u-s-history/ (no colors)
    https://toni-english.com/read/new-things/short-reads/ (no colors)

    Thread Starter Toni

    (@tools4toni)

    Update:
    it must be me…
    – Now: links are colored here: https://toni-english.com/about-2/ YAY!

    – Temporarary – For the next couple of days, I have to put in the dotted hover underline (a:hover) to indicate links. Curser changes alone are too subtle, and I need links to be consistently indicated somehow.
    (the post titles on home page – no indication, sidebar links – inconsistant coloring w/no change on hover, and some others that are less important.)

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    Hi Toni,

    How did you go about adding the custom css I provided? I’ve taken a look at your site and it doesn’t look like it’s been added from the theme options panel. Can you check that it has please.

    This should correct the breadcrumb link issue also. If not please try changing the original css provided to this instead:

    a:hover {
    	color: inherit;
    }
    a,
    a:visited {
    	color: #F33F3F;
    	text-decoration: none;
    }

    Let me know how you get on. ??

    From what I can understand you have a very specific idea of how you want the links to display. This is pretty standard customization territory and doesn’t look like it’s an issue with the theme.

    When changing links css it’s really important to find the css you want to target and change this rather than adding general css to target all areas otherwise you might find that you’ll get a lot of design issues.

    Thread Starter Toni

    (@tools4toni)

    You are quite right. And I used the CSS edit page in admin.
    First – the underline I put in must go. It makes the main menu jump.

    I was trying to isolate the links – to just change for content of posts and pages only. Avoiding the before/after nav boxes at the bottom.
    -I figured out posts content.
    -I never figured it out for page content.
    -I never got how to avoid the bottom nav, I hate that change, it is excellent as it.

    Your CSS is so excellent! Boy, a lot of red – but what I need. Thank you for all your time and attention.
    Your theme is the best I’ve used. I hated to change it.

    Cheers!

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    Thanks so much for the kind words Toni! I’m really glad you’re enjoying the theme. ??

    Thanks also for taking the time to leave a review. If you get a chance we’d really appreciate you reconsidering the revised review. No worries if you don’t get a chance, I know busy things can be when creating a new website.

    Have a wonderful day!

    Thread Starter Toni

    (@tools4toni)

    I will gladly revise. Thank you for the reminder. I rely on reviews and take them seriously.

    Thanks – have a great new year as well!

    Thread Starter Toni

    (@tools4toni)

    I hate to to this – but the Read More buttons, etc are filled in. The same problem I had.

    Maybe I will change page content only? But that still changes the bottom prev/next nav buttons, I think. I could do a:hover only – for post content? Still don’t know the page thing.

    I may leave it all alone, no changes, and wait for your update?

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    Hi Toni,

    Good timing. I’m still around so I can take a look at this. Can you send a specific page where we can see the issue please?

    The update has already been released and is in the queue awaiting review, so this issue will be fixed in the February update (if it’s not already).

    Thanks.

    Thread Starter Toni

    (@tools4toni)

    Cool about the update.

    It is on the home page. The Read More buttons in the feature 3 boxes. https://toni-english.com/

    And the bottom red nav boxes. https://toni-english.com/blog/navigate-toni-english-com/

    Thread Starter Toni

    (@tools4toni)

    Don’t spend too much time on this. You have done more than enough!

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘How to change link font in Post/Page ONLY’ is closed to new replies.