Need help? Check out our Support site, then


Aligning Left a hyperlink image

  1. Please can someone help to align left the hyperlink '
    Click to learn more about Evolutionary Cities' on the first front page widget (right sidebar) 'Author: Mark Jagdev'. I have tried the align:left html code in the text widget but to no avail. But more than this, what in the css is causing it to indent without any instruction to do so?
    Thanks in advance,
    Mark

    The blog I need help with is evolutionarycities.com.

  2. All help much appreciated :) ...

  3. I'm viewing your blog with Firefox 15.0.1 and it is already is aligned left when I view it.

  4. I am using Chrome and Safari, both display an indented hyperlink when it should be aligned left with the rest of the text in the text widget.

    Please see Chrome screen/snapshot here:

    http://evolutionarycities.files.wordpress.com/2012/09/chrome-snapshot.png

    Please see Safari screen/snapshot here:

    http://evolutionarycities.files.wordpress.com/2012/09/safari-snapshot.png

  5. Will you please provide the code between backticks so we can examine it here in this forum thread.

    The backtick ` not to be confused with the single quote mark ' is located to the left of the number 1 key in lower case under the tilde ~.

    backtick
    code
    backtick

  6. There aren't any backtick's, it is in a text widget, which ends with:

    Mark's website on embodied wellbeing will be announced early next year.

    Click to learn more about Evolutionary Cities

  7. Sorry the code converted on the text window above! Here it is again:

    Mark's website on embodied wellbeing will be announced early next year.

    <a href="http://evolutionarycities.com/about/">Click to learn more about Evolutionary Cities</a>

  8. Oh.... I see what you mean! Haha!! Apologies for my slow mind this evening... I must need sleep..

    Here is the code so you can view it here:

    <a href="http://evolutionarycities.com/about/">Click to learn more about Evolutionary Cities</a>
  9. The backtick ` not to be confused with the single quote mark ' is located to the left of the number 1 key in lower case under the tilde ~ on your keyboard. lol :D

    backtick
    code
    backtick

  10. I think I did it a minute before your post, hope that is what you meant!

  11. Any answer for this?

  12. I am asking you to copy the code you are having trouble with and paste it here into this forum thread between backticks so it will fully diplay here in this forum thread.

  13. This code:
    `Click to learn more about Evolutionary Cities does not contain any element in it that is causing an indentation. I don't know why the indentation is happening. Sorry.

  14. <a href="http://evolutionarycities.com/about/">Click to learn more about Evolutionary Cities</a>

  15. Can anyone else solve this mystery?

  16. Looking back at this thread I'm shaking my head. As you are not providing any code that is creating the indentation I assume it must be coming from the theme. On Demand is a premium theme and we Volunteers know diddly squat about premium themes. Read-access to the premium themes forum is now open to all users so you can search to see if your question has been previously asked and answered there. The premium theme forums are at http://premium-themes.forums.wordpress.com/ with separate sections for each theme.
    http://premium-themes.forums.wordpress.com/forum/on-demand/

    If you are not successful when searching there is a link for the specific Premium Theme support forum for your theme under Appearance -> Themes in your blog’s Dashboard, but do note that the premium theme must be active and you must be signed in as the user who purchased it in order to see it and post to it.

  17. timethief is correct. The extra spacing is coming from the theme. The theme happens to have a rule for the Gravatar widget to add extra spacing around links.

    Here is the rule from the theme that's causing the spacing:

    .widget_gravatar a {
    	margin: 0 10px 15px;
    }

    To remove the extra left space, add the following to your Appearance → Custom Design → CSS editor:

    .widget_gravatar a {
    	margin-left: 0;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic