Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Tumblr help with html?

I have just created a tumblr blog which has 2 columns. Does anyone know how to edit the html of my blog in order to reduce the distance between the two columns?

2 Answers

Relevance
  • Jamie
    Lv 7
    9 years ago
    Favorite Answer

    If you would like to reduce the distance between the two columns on your Tumblr blog, you may be able to do so by editing your blog's CSS code.

    One possibility of what you could edit would be the CSS code for the width of the two divs that actually create the columns on your blog.

    For example, if you have some CSS code like this:

    #columnOne{

    height: 500px;

    width: 400px;

    }

    #columnTwo{

    height: 500px;

    width: 400px;

    }

    You could then edit the "width" property of the CSS rules for the two columns. (The code will probably look different and more complicated than what is above, but you should still be able to edit it and achieve the effect you desire.)

    If you have Google's Chrome browser, you could use the Element Inspector, in order to figure out which divs or spans are used to style the two columns on your blog's layout, and you could even try using new values for the different CSS rules, in order to see what they look like, right from Google's Element Inspector, before actually changing them in Tumblr's settings.

    Once you've found out what divs or spans are used to style the columns and have played with the CSS rules' properties and values, you can then go into your Tumblr blog's CSS settings and change the corresponding code accordingly, and then save it to make your blog look the way you want.

    You can access Google Chrome's Element Inspector tool by right-clicking over the area (or element) that you would like to inspect, and then choosing "Inspect Element" from the menu that appears.

    From there, you should be able to view the HTML (and some CSS) code for the website's element that you are inspecting, and can even make edits to it (that won't be saved, but will show you what they will look like right on the page), to see if you like the changes before changing them in your Tumblr blog's settings.

    If you are interested in learning how to program in HTML and CSS, below are links to some tutorial websites that offer free tutorials in both video and text-based format, all of which are great in terms of quality and the information provided.

    Video-Based Tutorials:

    http://thenewboston.org/

    http://youtube.com/thenewboston

    http://phpacademy.org/

    http://youtube.com/phpacademy

    Text-Based Tutorials:

    http://w3schools.com/

    http://tizag.com/

    Best of luck and I hope I helped you!

  • Anonymous
    4 years ago

    so which you're speaking approximately an actually unmarried information superhighway internet site and not the topic of your blog? exact what you do for that's once you pick for on "upload information superhighway internet site" and create a sparkling information superhighway internet site, on the very suited of the pop-out window for that new information superhighway internet site it says "hassle-unfastened layout" with a drop down menu. then you certainly definately choose for on "custom layout" and duplicate and paste your own html for the information superhighway internet site and make it thoroughly distinctive. it incredibly is confusing nevertheless, with the aid of actuality for which you need to incorporate the textual content fabric fabrics or despite the fact which you pick for on on the information superhighway internet site indoors the html coding, and that could desire to be incredibly complicated in case you don't be attentive to html coding that exact. i choose it incredibly is the respond you're finding for!

Still have questions? Get your answers by asking now.