Reddit CSS Tutorials – Part 2 – Banner Image and Moving The Reddit Logo

by | Jun 4, 2020 | 0 comments

Reddit CSS Tutorials – Part 2 – Banner Image and Moving The Reddit Logo

by | Jun 4, 2020 | CSS Tips and Tricks | 0 comments



This is the second video in a series of Reddit CSS tutorial videos.

Comment below on any topics you specifically want me to cover.

I updated the code below so that it only affects the Banner Image and not the sidebar image.

Sign up for adf.ly and start making money! http://adf.ly/?id=3813788

##################################################
Code from this video:

.pagename a
{
background: url(%%BannerImage%%);
position: absolute;
bottom: 0;
height:200px!important;
left: 0;
right: 0;
float: left;
z-index: 0;
}

.redditname a
{
text-indent: -9000px;
}

.tabmenu
{
display: inline;
float: left;
}

#header-bottom-left
{
height: 200px;
}

#header-bottom-left .tabmenu
{
position:absolute;
left: 120px;
bottom: 0;
display: inline;
}

#header-img {
position: absolute;
bottom: 0;
z-index: 1;
}

#########################################################################

source