thanks! you can; ctrl + f to find and delete these sections of the code in their entirety. I’ve bolded the parts you need to delete:

CSS:

.drop-search, #extra-links, #updates {display: none;}

(note: make sure you don’t delete .drop-search or #updates from this line, only the bolded portion)

HTML:

{block:ifLink1}<li><a class=“links-button” title=“links”><svg version=“1.1” id=“Layer_1” xmlns=“http://www.w3.org/2000/svg” xmlns:xlink=“http://www.w3.org/1999/xlink” x=“0px” y=“0px” viewBox=“0 0 216 216” enable-background=“new 0 0 216 216” xml:space=“preserve”><path d=“M45,72h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,72,45,72z”/><path d=“M45,117h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,117,45,117z”/><path d=“M45,162h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,162,45,162z”/></svg></a></li>{/block:ifLink1}

(this is to get rid of the dropdown button)

jquery:

$(’#extra-links’).hide();

$(’.links-button’).click(function(){

$(’#extra-links’).slideToggle(500);

});

yes; first find the HTML pagination section underneath <!—– PAGINATION —–>. copy and paste:

<br> on page {CurrentPage} of {TotalPages}

onto a new line right underneath {/block:NextPage} and above </article>.

yes, and I’m going to explain how to do it for all of my themes because I’ve gotten this question quite a few times (is this a new trend or something?). 

in all my themes, you just have to copy and paste #description {display: none;} into the CSS above </style>, because I use the same selector across all my themes. 

yeah, mixing parts of my themes together is fine. it’s just mixing parts of my themes with themes made by other theme makers that’s against my terms of use.

the link hover is this section of the code:

p a, li a {border-bottom: 2px solid rgba({RGBcolor:accent}, 0.3); display: inline-block;}

p a::after, li a::after {
   content: “;
   width: 0px;
   height: 2px;
   position: relative;
   display: block;
   bottom: -2px;
   background: {color:accent};
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

p a:hover::after, li a:hover::after {
   width: 100%;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;

}

yes, find this line in the CSS:

.tags {text-transform: lowercase;}

and delete the whole line.

yes; you’re using the left sidebar, right? you have to find these sections of code:

#container {
   margin: auto;
   width: calc({select:post width} + 190px + 125px);
   position: relative;
}

.left article {margin: {text:post margin}px 0 {text:post margin}px calc(125px + 190px);}
.left article:first-of-type {margin: 100px 0 {text:post margin}px calc(125px + 190px);}

and change 190px to the new width of the sidebar. the 125px in the above calculations is the spacing between the sidebar and the posts, so you could increase that as well, but you have to make sure the values all match in each of the above sections.

yes - the tooltip background and scrollbar are the same colour as whatever you set for “Title” in the customization panel, so you can change that if you want. if you want them to be a different colour than your title, look for these parts of the code:

.tippy-tooltip.custom-theme {
   background-color: {color:title};
}

::-webkit-scrollbar-thumb {
  background-color: {color:title};
}

and replace {color:title} with whatever colour you want.

thank you! no worries, i get what you mean.

find this part of the HTML and delete the parts in bold (but be careful not to delete anything else):

{block:Tags}<a href=“{TagURL}” {block:IndexPage}class=“bullet”{/block:IndexPage}>{Tag}</a>{/block:Tags}

then, copy and paste this into the CSS right before </style>:

.tags a::before {
   content: ’#’;
   color: {color:accent};
   display: inline-block;
   vertical-align: middle;
}

thanks! and yes, it’s fairly simple but it requires a lot of deleting so be extra careful of your brackets and divs.

use ctrl + f to find and delete every instance of the following in the HTML:

<div class=“q”>Q</div>

<div class=“a”>A</div>

<div class=“arrow-left”></div>

<div class=“arrow-right”></div>

then, in the CSS, find:

• the selector .question and delete margin-left: 60px; from it
• the selector .askpost and delete margin-right: 55px; from it

et voila. 

yes; it’s not actually that complicated, but there are a lot of steps you have to go through.

1. find the section of code between  <nav id=“top-links”></nav>. after line 1203 of the code but before </nav>, paste this template:  <li><a href=“/url” title=“link name”>ICON GOES HERE</a></li>. fill in the bolded sections with your own content.
2. the icons are from outicons (here and here). pick the icon you want and copy the svg code for the icon. (to do so, click on the link of the icon you want > raw > right click > view page source > copy the big chunk of code that looks like <svg …. etc, etc.></svg>). paste it into the spot i denoted in the template above.
3. related to the above: you could also use a different icon set and put it into the same place i marked above. but if you pick a different icon set and you don’t embed it as svgs, you’ll need to have a good idea of how to use icon fonts in CSS and HTML and you’ll have to change the classes in the CSS to match the class of the new icon font. i don’t recommend doing this, since it will add extra steps when you’re trying to convert the styling over, and svgs render better anyways.
4. to style the icons, find the selector  #top-links a svg. that selector styles the svg icons within the links themselves, so if you want to change the styling, add/remove/edit the styles applied to that selector. additionally, the selector #top-links a:hover svg is used to style the hover effect, so if you want to change the hover effect, use that one.
5. if you’re using a new icon set and you aren’t embedding the icons as svgs, you need to change the “svg” in #top-links a svg to the class of the new icon set you’re using. 

the bolded text is the same colour as whatever you set for the title in the customization panel options. you can switch the title colour in the options, or you can find this line in the code:

b, strong {color: {color:title};}

and either delete it, or replace {color:title} with the hex code of a new colour.

you just have to search for and delete this parts of the code:

p a::after, li a::after {
   content: “;
   width: 0px;
   height: 2px;
   position: relative;
   display: block;
   bottom: -2px;
   background: {color:accent};
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
p a:hover::after, li a:hover::after {
   width: 100%;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;}

and if you want to get rid of the underlining in the sidebar links, delete this part as well:

#extra-links a::after {
   content: ”;
   width: 0px;
   height: 3px;
   position: relative;
   display: block;
   bottom: 3px;
   background: {color:accent};
   z-index: -5;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
#extra-links a:hover::after {
   width: 100%;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;}

thank you for using and enjoying my theme!

ahh okay that makes more sense! 

you need to find .pg and add

position: fixed;
bottom: 0;

to it. 

then, if you’re using the left sidebar version, you need to add

.left .pg {margin: 0 0 0 calc(125px + 190px);}

somewhere above </style>. if you’re using the right sidebar, then add 

.right .pg {margin: 0;}

regardless of which sidebar you’re using, add this anywhere above </style>:

@media only screen and (max-width: 1023px) {
    .pg {position: static;}
}