Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Text links: different color per page?

    General Discussion
    2
    2
    387
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jennypenny last edited by

      I've designed a portfolio page that has two pages with different background color (black and blue). I wish to have blue links on the black background and black links on the blue background...is there any way I can manually code this adding CSS or similar since the customization for "text links" only offers one option (and overwrites type style sheets).

      Would be super thankful for some guidance.

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi JennyPenny,

        this is possible with Custom CSS.

        First you need to get the Slug of the page you want to style.

        You can get it by inspecting the page and have a look in the body tag:
        0_1501056691235_Bildschirmfoto 2017-07-26 um 10.10.50.png

        In my body tag you can see slug-fullscreen-slider. That is the name of the page.

        You can now use that slug as a parent div class for all elements you want to style on that page.

        For example:

        .slug-fullscreen-slider .a {
            color: red !important;
        }
        

        You might need the important or not. That depends sometimes.

        Just play around with it.

        All the best and good luck!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        I don't answer or check forum DMs, please just post on the forum.

        Try this to fix issues before you post:

        Use the Search Feature. Maybe there is already a solution to your issue.

        1. Update Lay Theme and all Lay Theme Addons
        2. Disable all Plugins
        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
        4. Now see if your problem solved itself
        5. Go here, see if your problem is listed here:
        Troubleshooting

        When you post:
        1. Post a link to where the problem is
        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

        Thanks!

        Online Users

        L

        Recent Topics

        • M

          Tag filter / Maximum width

        • open all links in a thumbnail grid in a new tab

        • text underline

        • centred Carousel fixed width and proportions

        laytheme.com