Making alterations to the HTML code of a Tumblr theme in order to eliminate specific

Here is my custom Tumblr domain URL: http://intchauhan.com/

I would like to eliminate the "Follow intchauhan" and "tumblr." buttons located on the right side.

Below is the HTML of the theme:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="color:Background" content="#ffffff"/>
  <meta name="color:Title" content="#000000"/>
  <meta name="color:Text" content="#202020"/>
  <meta name="color:Minor text" content="#999999"/>
  <meta name="color:Line" content="#EEEEEE"/>
  <meta name="color:Link" content="#49D28D"/>
  <meta name="color:Link hover" content="#3FB67A"/>
<meta name="color:Top line" content="#eeeeee"/>
<meta name="color:Bottom line" content="#eeeeee"/>
<meta name="color:Notes background" content="#f7f7f7"/>
<meta name="if:Center all" content="0"/>
<meta name="if:Center links" content="1"/>
...

...

{block:PermalinkPage}

    p.answer_form_container { width: 512px; }

    ol.notes { width: 875px; list-style-type: none; margin:20px auto; padding: 0; }
    ol.notes li.note { background: {color:Notes background}; margin: 0 0 0px 0; padding: 0 4px; }
    ol.notes a { color: {color:Links In Notes}; }
    ol.notes img.avatar { display: none; }
    ol.notes blockquote { margin: 0; }
    ol.notes blockquote a { text-decoration: none; }

{/block:PermalinkPage}

a.install {
        width: 96px;
        height: 20px;
        background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
        display: block;
        position: absolute;
        top: 26px;
        right: 3px;
    }

a {
  outline: none;
}

...

...
 
</div> <!-- .box -->
      {/block:Posts}

</div> <!-- .posts -->

<div style="clear: both"></div>

{block:PermalinkPage}
{block:IfShownotesonpermalinkpages}
  {PostNotes}
{/block:IfShownotesonpermalinkpages}
{block:PermalinkPage}

<div style="clear: both;"></div>

...

...

</body>
<div style=" opacity:0.0;"> 
</html>

Please advise on how to proceed with removing the two buttons. I am not very familiar with web design.

Answer №1

Easily Turn Off Tumblr Controls

If you're looking to disable the controls located at the top right corner of your Tumblr page (such as follow options and user buttons), simply follow these steps:

  1. First, log in to your Tumblr account

  2. Navigate to Settings

  3. Select Customise

  4. In the left-hand menu, choose Advanced

  5. Deselect the option for Promote Tumblr

By doing this, you will successfully remove the Tumblr Controls for non-Tumblr users while retaining them for those who are logged in.

Although the controls serve as a convenient shortcut for active users, it is possible to hide them if desired. To do so, simply input the following code into your Custom CSS box:

#tumblr_controls, .controls {
    display: none !important;
}

While using !important is typically not recommended, the unique nature of Tumblr's embed requires a more forceful approach in this case.

We hope this guide proves helpful in customizing your Tumblr experience.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

NodeJS produces identical outcomes for distinct requests

RESOLVED THANKS TO @Patrick Evans I am currently working on a personal web project and could use some assistance. In my website, users are prompted to upload a photo of their face. When the user clicks the "upload" button, the photo is sent with a request ...

Transitioning between modals using Tabler/Bootstrap components in a ReactJS environment

Currently, I am constructing a Tabler dashboard and incorporating some ReactJS components into it. Initially, I used traditional HTML pages along with Jinja2 templates. However, I have now started integrating ReactJS for certain components. I prefer not t ...

Having difficulty assigning an argument to an HTTP get request in AngularJS

I am new to working with AngularJS and I am attempting to pass an integer argument to an HTTP GET request in my controller. Here is a snippet of my code: (function() { angular .module('myApp.directory', []) .factory('Ne ...

Firefox's keyup event

Is it possible to detect a keypress using the jQuery keyup function, as I am facing an issue where it works in Chrome, Edge, IE, and Opera but not in Firefox. $(".textfield").contents().keyup(function(evnt) { document.getElementById("btn_save").style. ...

Guide on showcasing an avatar or thumbnail image in Vue.js using Element UI after uploading

I'm currently working on a project that involves uploading pictures and displaying them as thumbnails or avatars after they have been uploaded. I've written the code below, which successfully uploads the picture, but I'm struggling to displa ...

Error found - PHP if condition inside HTML td element

Whenever I open my browser, I encounter this error message: Parse error: syntax error, unexpected 'if' (T_IF) I have been working on creating an HTML table to display prices for a Woocommerce product. Although I've come across similar issu ...

Cross-browser compatibility issues preventing CSS button effects from functioning properly

Experiencing some challenges with CSS Button effects not functioning consistently across different browsers. The display is satisfactory in Chrome, but not in Firefox. Struggling to pinpoint the source of the issue. Here is my current setup: Fiddle a ...

Running JavaScript code along with HTML elements extracted from a jQuery ajax callback

Alternatively, not exactly "executing," but rather updating a pre-existing function with a function returned in the response. Step 1 I have an HTML5 page detailing a specific location. The server-side includes a ColdFusion file called "MapFunction.cfm" ...

Managing simultaneous asynchronous updates to the local state

There is a scenario where a series of asynchronous calls are made that read from a local state S, perform certain computations based on its current value, and return an updated value of the local state S'. All these operations occur at runtime, with ...

A JavaScript tool that calculates the item price and total price

I am looking to create a trading calculator for a game and I believe a JavaScript calculator would be ideal as it can calculate on the fly. However, I have no idea where to begin. The goal is to determine the value of in-game items if they are traded for ...

Placing an Image in the Right Corner Using jQuery Mobile

I am currently developing a mobile app and I need to align three images one below the other at the right corner next to some text. Any suggestions would be greatly appreciated. Thank you in advance. Below is my code snippet: <div> <ul data-r ...

What is the best way to conduct a conditional check across all subsequent visible rows of a table?

When a user clicks inside the text input field and presses either the down or up arrow keys, my JavaScript function is triggered. The purpose of this functionality is to search table values and allow the user to select one by pressing the arrow keys. Every ...

Turning the Three.js camera to the left and right side

My goal in Three.js is to create an orbiting camera that can be rotated around the x and y axes. I have implemented two functions to achieve this: function rotateX(rot) { var x = camera.position.x, y = camera.position.y, ...

Extracting all usernames of members present in a specific voice channel and converting them into a string using Node.js on Discord

Hey everyone, I'm looking for a code snippet that will help me retrieve all the members from a specific voice channel by using its ID. I also need to extract and store the usernames of these members who are currently in that particular voice channel w ...

Exploring the interception of ajax http responses beyond the scope of AngularJS

Is there a way to capture and manage http responses from outside of Angular? $httpProvider is not an option since the target script loads after Angular has initialized. I need a solution that functions similar to ajaxSuccess in jQuery. ...

What is the best way to interact with parent elements inside an iframe?

I'm working on a fresh image uploader where I aim to place the file input in an iframe and display the uploaded images on the parent page. How can I achieve access to the parent elements from within the iframe? Any examples would be greatly appreciate ...

Utilizing interpolation within various function invocations

componentDidMount() { let env = clientConfiguration['Environment']; let x = `communitiesApi.${env}`; fetch(clientConfiguration[x]) .then((response) => { return response.json(); }) .then(data =& ...

Is it necessary for consumers to import global augmentations as a side effect?

I created a package named core.error which consists of two files: global.d.ts export {}; declare global { export interface Error { foo(): void; } } index.ts Error.prototype.foo = function (this: Error): void { }; export const dooFoo = (err:Er ...

When using TouchableWithoutFeedback, I encountered the following error message: "Error: React.Children.only expected to receive a single React element child."

I am encountering the following issue: Error: React.Children.only expected to receive a single React element child. Whenever I incorporate the 'TouchableWithoutFeedback' component in my ReactNative project: return ( <TouchableWithoutFeed ...

Is it possible to adjust the JavaScript slider effect to transition to a fade effect when the window width drops below 800 pixels?

Is there a way to make my JavaScript slider change its effect from normal to fade when the browser window is less than 800px wide? Any assistance would be greatly appreciated. <ul class="slider"> <li><img src="images/1" alt=" ...