extra space after links

Resolved emerywang
(@emerywang)

10 years, 4 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.

Viewing 6 replies - 1 through 6 (of 6 total)

Theme Author Tomas Mackevicius
(@tomasm)

10 years, 4 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 🙂
Thread Starter emerywang
(@emerywang)

10 years, 4 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

Theme Author Tomas Mackevicius
(@tomasm)

10 years, 4 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 😉

neggard
(@neggard)

10 years, 3 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/
Theme Author Tomas Mackevicius
(@tomasm)

10 years, 3 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
neggard
(@neggard)

10 years, 3 months ago

Nice now everything works.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘extra space after links’ is closed to new replies.