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

  1. emerywang
    Posted 1 year 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."


  2. Tomas Mackevicius
    Theme Author

    Posted 1 year 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 :)


  3. emerywang
    Posted 1 year 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!


  4. Tomas Mackevicius
    Theme Author

    Posted 1 year 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
    Posted 1 year ago #

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

    This is the page with the arrows

    Could it be the tables or....

    I have the same external link on example page and no arrows

  6. Tomas Mackevicius
    Theme Author

    Posted 1 year 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
    Posted 1 year ago #

    Nice now everything works.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.