Support Center Visit Demo License manager Buy @ envato

Custom Main Content / Paragraph Hyperlink Styling

edgarflemingedgarfleming
in Other

Hello -

Having an issue adding custom styling to my hyperlinks within the content sections only.

What is the best way to create custom hyperlink styles for content only? I am having a hard time finding the classes that only style links in my content (not header, footer, or anything else)

I am trying to copy the treatment of content hyperlinks of this organization - this doesn't seem possible using "theme options" unless I use short code for every hyperlink and leverage the fancy link options. https://www.rescue.org/who-we-are

Thanks in advance for your help.

Comments

  • PhilPhil

    Hi,

    Can you attach a screenshot showing what you refer to, please?

    I do not want to misunderstand you.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • edgarflemingedgarfleming
    edited February 5

    What do I screenshot? You don't understand that I am trying to style links in the content section only? Not the footer, not the main menu... just the content. I also provided an example. The thing is, your platform doesn't offer much in the way of styling hyperlinks within content. I just need to know the class to append my styles to. "Text Content Boxes"

  • AlbertAlbert

    Did you checked Theme Options > Colors > Content section? There is an option to style links in content only.

    image.png


    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • edgarflemingedgarfleming
    edited February 7

    Again ... listen to my question please.

    What class do content text box use so I can point my custom styles at them that will not have an affect on the rest of the site?

    mfn-visualeditor-content mfn-inline-editor?

    When I do, it affects the whole website.

  • AlbertAlbert

    Sorry but I'm confused now. I attach the screenshot of what you wrote above.

    image.png

    You said that you're trying to style links in content only and this is what option in theme option does. But, if you want to limit link color to specific elements (and not whole section) then you supposed to use STYLE tab of COLUMN TEXT element to style links as you like.

    image.png


    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • edgarflemingedgarfleming
    edited February 9

    My first question was "What is the best way to create custom hyperlink styles for content only?"

    Meaning, I have the styles written, what is the class i point the custom styles to? What is the class the BeTheme editor points to when editing hyper link styles?

    Why do I have to make this edit on every single content block? That's not effective and the options BeTheme provides will NOT help me with styling the links as the example I showed in my first post.

  • AlbertAlbert
    edited February 10

    If none of the solutions I gave you are not enough, the only solution that comes to my mind is custom css:

    1. #Content .column_column a {
    2.   color:red;
    3. }

    Any custom css should be put in Theme Options > Custom CSS & JS > Custom CSS section.

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • edgarflemingedgarfleming
    edited February 18

    Based on the example I shared in my first post, the BeTheme link style editor doesn't provide the solution I am after as it's very limited.

    Styling I am after:

    + Underline all hyperlinks

    + Background color appears on hover

    I will try to achieve this with a class.

Sign In or Register to comment.