Add CSS link (bottom of the web)

  • Unknown's avatar

    I wanted to ask if you can help me on this. In the bottom of my web, right where it appears that belongs to WordPress and where it says the name of the theme, I managed to put a text with CSS (legal notice). But I want that text has a link and redirect. That is, I want to put a link with CSS, but can not find the way. I leave the CSS with which I have put the text to give you an idea. Haber if anyone knows how to add the link:

    .site-info:after {
    content: “©Código 29 Magazine. Aviso Legal”;
    margin-left: 100px !important;
    display: inline;
    }

    Thank.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    CSS is a styling document used by the browsers to style and position the elements of a web page. It cannot be used to add links or things like that.

    With Expound, I would suggest adding the link to your menu, and possibly even adding a text widget to the bottom of your sidebar linked to your Legal Notice.

  • Unknown's avatar

    I understand what you say, but I can add links to the main menu on the part of ‘About Us’ or social networks. But now I need the disclaimer is on the bottom, not the top menu. As for the widget, my subject does not allow me to put on the bottom, single side. I put here the CSS code I used to put the links in the menus above, should help:

    .menu-twitter {
    text-indent: -9999px;
    background-image: url(‘https://codigo29dotcom.files.wordpress.com/2016/03/twitter1.png’) !important;
    background-repeat: no-repeat !important;
    margin-left: 30px !important;
    margin-top: 6px;
    width: 40px;
    }

    Thank.

  • Unknown's avatar

    If you put the link into a text widget in your sidebar and let me know when you have done that, I can see if I can move it down into the footer area and have it work cleanly. In many instances on responsive designed themes, such as Expound, this doesn’t work well, but I will certainly see if I can do it for you.

  • Unknown's avatar

    @Thesacredpath It is already in the sidebar text widget with a link to ‘Legal Notice’. I hope you can help me with this. I wait expectantly, thank you very much.

  • Unknown's avatar

    Oh, sorry I missed that. I would add your copyright statement to that text widget also. With it being separate as it is now, things get messy and start overlapping at certain screen/window widths. Once you add the copyright, then remove this CSS

    .site-info::after {
        content: "©Código 29 Magazine. Aviso Legal";
        display: inline;
        margin-left: 100px !important;
    }

    And then add this to move the text widget down into the footer area.

    #page {
        position: relative;
    }
    #text-3 {
        bottom: 0;
        position: absolute;
        right: 0;
    }
  • Unknown's avatar

    Thank you so much, I found it very helpful! It looks great. I’d just like to make one last visit. In the mobile version it looks a little strange the ‘Legal Notice’. Is there any way to change it? Putting it more structured and aligned with the rest … I changed some things in the mobile version, but this time do not know how to do that.

    Thank again

  • Unknown's avatar

    Ah, I see you have the dedicated Mobile theme activated at Appearance > Mobile. Since Expound is a responsive designed theme you don’t really need to have the mobile theme activated as Expound will adjust for all screen/window sizes. This is what I see with the Mobile theme deactivated: https://cldup.com/eF1esU1EXw.png

    Is there a reason that you are using the mobile theme instead of letting Expound take care of tablet and phones? If so, just let me know and I can see what I can do about making things look better on the mobile theme.

  • Unknown's avatar

    I understand what you say and that I already talked to a technician happiness. I know my theme is modern and is ready for mobile, but I made several changes to the blog with CCS and did not look good on the phone. That is why it is on the mobile theme. I hope you can help me now to look good legal notice. Thank you very much again

  • Unknown's avatar

    Super, I now understand. Add this to the bottom of your custom CSS and then view on your mobile and see what you think and let me know.

    .mobile-theme #page {
    	padding-bottom: 50px;
    }
    .mobile-theme #text-3 {
    	right: 40px;
    }
  • Unknown's avatar

    thank you very much! It is perfect

  • Unknown's avatar
  • The topic ‘Add CSS link (bottom of the web)’ is closed to new replies.