Links Only Show Up On Mobile Version

  • Author
    Posts
  • #74399

    zerflife
    Member

    When I embed a link, it only shows up on the mobile version. The link is there on the desktop version, but the text looks exactly the same. You can still click on the links, and they work, but I can’t figure out how to make the decipher themselves like they should.

    The blog I need help with is zerflife.com.

    #74547

    zerflife
    Member

    For sake of reference, there are three links in the first three paragraphs of my last piece.

    #74603

    tmcfarlin4
    Member

    Gotcha! Thanks for the link and the heads up, zerflife. This is a bug that I’ll have patched within the next release.

    I’m aim to have it taken care of it no more than a week (but much, much sooner if possible!).

    I’ll close this thread once the fix is live.

    #74604

    zerflife
    Member

    Much obliged! Thank you so much.

    #74704

    tmcfarlin4
    Member

    Hey Zerflife,

    One thing I did want to check: I noticed that you’re using a customized version of the theme on your install.

    When you made those customizations, was anything done to the links (or the a tags or anchors as they’re also called)?

    The default installation of the theme should differentiate them so I’m trying to pinpoint exactly where the issue is so we can take care of it :).

    #74705

    zerflife
    Member

    Shit. To be honest, I didn’t make any changes, and am not even sure what exactly I would have customized. I just know I can’t find anywhere that allows me to change it.

    Doesn’t mean I’m not missing something easy. Still learning WordPress, and some of the things are so much different than Blogger, AND some of the screens are so different depending on where you start. If any of that makes sense.

    To answer your question, I didn’t think I really made any customizations. Other than changing the colors and working on the sidebar…

    #74732

    tmcfarlin4
    Member

    Okay, thanks – I’ll be looking at this today. More updates to follow (I’m in EST if that matters).

    #74736

    tmcfarlin4
    Member

    This looks like it may be a problem with the customizations done after the initial install.

    See a sample post in this image:
    http://cl.ly/image/1n1H100b0a3c

    Did you make the customizations yourself or have someone else do them? Either way is fine and I’m definitely willing to try to help out, I’m just looking for a starting point on where to begin testing on my end to narrow down the issue.

    #74737

    zerflife
    Member

    Yeah, I did everything myself.

    I just don’t know what I would have done, and don’t understand the image. I’m sorry I’m not more helpful.

    It doesn’t even seem to me like there are many customize-able options, so it’s hard to fathom what I did to change that. Let alone, in a way that works on mobile, but not on desktop.

    #74750

    zerflife
    Member

    I still can’t figure out what I could have changed that would do that.

    Ugh, this is so frustrating…

    #74761

    tmcfarlin4
    Member

    Let’s try to do a basic thing first: Let’s just try to get the links underlined. In your the file you used to customize your CSS add the following line:

    .post-content a { text-decoration: underline; }

    Add that exactly as typed there and we’ll go from there.

    Let me know!

    #74765

    zerflife
    Member

    Is there any specific place I need to put it?

    I’ve never actually messed with CSS…

    #74773

    tmcfarlin4
    Member

    I’ve never actually messed with CSS…

    Not a problem at all – I notice that you have some minor customizations already done. For example, the green header (versus the standard blue header).

    How did you go about making those changes after purchasing the upgrade?

    Secondly, in the WordPres Dashboard, you see an “Editor” option under the “Appearance” menu?

    #74779

    zerflife
    Member

    To change the color, I went to “customize” and then there was a sidebar on the left. One of the options was color. That’s also where I put in my FB, Twitter and e-mail for the top corner part.

    If I’m at the right appearance menu, I have “themes,” “Customize,” “Widgets,” “Menu,” and “Mobile.” I don’t see “Editor?”

    I do see the CSS section under the “Customize” part, but it’s only 14 lines with a note. I assume that’s not where I need to be pasting anything?

    #74785

    tmcfarlin4
    Member

    I do see the CSS section under the “Customize” part, but it’s only 14 lines with a note. I assume that’s not where I need to be pasting anything?

    Yep – that’s it.

    Try adding the line of code that I shard in the previous post, save the file, and then see what happens.

    Once done, let me know, and we’ll see what happens.

    #74789

    zerflife
    Member

    I put it in, and unfortunately, nothing happened…

    #74797

    tmcfarlin4
    Member

    Okay, next thing we need to try is this:

    .post-content a { text-decoration: underline !important; }

    Try that and then let me know! Thanks for your patience as we try to sort this out :).

    #74799

    zerflife
    Member

    I was just hoping I wasn’t being annoying, and/or too ‘out of touch’ to be able to help. Ha. We’ll get it. There’s no hurry, but an eventual solution is necessary.

    Bad news: I put that one in, and no change.

    For sake of reference, this is the CSS I’m working with…

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    .post-content a { text-decoration: underline !important; }

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    .post-content a { text-decoration: underline !important; }

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    If you need any further help, ask in the CSS Customization forum.
    */

    #74800

    zerflife
    Member

    I double pasted it. You get the idea. Just making sure that’s the place.

    #74802

    tmcfarlin4
    Member

    Gotcha! Thanks for sharing that. This makes sense – the place you have it won’t be picked up by the browser. Instead, try this:

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    If you need any further help, ask in the CSS Customization forum.
    */

    .post-content a { text-decoration: underline; }

The topic ‘Links Only Show Up On Mobile Version’ is closed to new replies.