WordPress.org

Ready to get started?Download WordPress

Forums

Tiny Forge
[resolved] extra space after links (7 posts)

  1. emerywang
    Member
    Posted 6 months ago #

    Hi. How do I get rid of extra space that shows up after each link? I have no extra space in the code, but you can see here that extra space shows up after each hyperlink: losingmyreligion.com

    So even though it's coded as "text linktext", it shows up as "text(space)link(space)(space)text."

    Thanks.

  2. Tomas Mackevicius
    Member
    Theme Author

    Posted 6 months ago #

    Hi, Emery,

    that's because all links that are set to open in a new page get the special icon by default. It seems that you deleted that icon, but style.css still makes the space for it. If you want to get rid of it, look at style.css:

    /* Tip25 - Mark the links that will open in a new window with special icon, usually these are the links to external resources */
    .entry-content a[target=_blank] {
    	/* display: inline-block; */
    	padding-right: 16px;
    	padding-right: 1.142857143rem;
    	background: transparent center right no-repeat;
    	background-image: url('images/icon-external-link.png');
    }

    and set padding-right to 0.

    BTW, it is never late to come back, merry Christmas :)

    https://www.youtube.com/watch?v=VFWrAk7jh5I

  3. emerywang
    Member
    Posted 6 months ago #

    Thank you Tomas, that did it. Also, thanks for the YouTube link.

    An idea for you and other WP theme developers: since most questions are of the "how do I change this" variety, maybe you could create a legend for all CSS modifiable elements of the theme. For example, you could post a jpeg or PDF showing a typical page, with a small number next to each element (site headline, site description, body text, widget header, etc.). Then you could have a numbered list with some of the corresponding CSS code next to each number. Users could then do a search within the style.css for that line of code, and find the part they need to modify.

    Anyway, Merry Christmas to you too, and thanks for creating this theme and supporting it so well!

    -Emery

  4. Tomas Mackevicius
    Member
    Theme Author

    Posted 6 months ago #

    That function serves the table of content of style.css and functions.css.

    Overall code is very well documented, so you might try searching for a word and it is possible, that you will find corresponding comment.

    And your idea with numbers is also included. The only difference - I call them Tips. List of all Tips is in readme.txt ;)

  5. neggard
    Member
    Posted 6 months ago #

    I change it from 16 to 0 but I still have the arrows.

    This is the page with the arrows
    http://massagefabriken.se/wordpress/?page_id=18

    Could it be the tables or....

    I have the same external link on example page and no arrows
    http://massagefabriken.se/wordpress/

  6. Tomas Mackevicius
    Member
    Theme Author

    Posted 6 months ago #

    OK, so if you use Tiny Forge without child theme, delete whole Tip25 CSS block, if you use child theme, in child's style.css under section 4 put this:

    .entry-content a[target=_blank] {
    	padding-right: 0;
    	background: none;
    }

    You might find useful new documentation I'm preparing for Tiny Forge users: http://mtomas.com/389/tiny-forge-framework-child-themes-comprehensive-guide

  7. neggard
    Member
    Posted 6 months ago #

    Nice now everything works.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.