#theme help: customisation

[nonspace]

Hi, sorry if this has been answered, but I am trying to get a custom cursor hover to work with photoset posts in your Stereo theme. Some of them work (I assume from pre-npf?), and some don't. I've tried using the inspect tool and it didn't work out for me, so I am hoping that you would know how to make them work! Thanks for making this great theme and for the help (in advance)!

Hi! It's hard to say what you're missing without seeing it. But legacy photosets and images in the new post type do have different classes / a different structure so you're likely missing an additional class / identifier (I forgot the term).

Just testing with two photosets I had on hand, one legacy and one NPF, this worked:

.post_media_photo.image:hover, .photoset img:hover { cursor: crosshair; }

For anything more, I'd need to have a link to your blog where it's not working.

[nonspace]

hi! i'm using your theme stereo & was wondering if you had a way to make the page endless scrolling instead of multiple pages - i'm not too well versed in editing html so i apologize if it's an easy fix lol. thank u!

hi! i don't have a way, no. it's certainly possible but it's not something i plan on adding to the theme, nor do i have the time to give detailed instructions for how to do it. you'd need to use javascript and either write a script yourself or find a plug in (for example) to add to the theme.

i only know of this very old tutorial but it may still work (or maybe with some tweaks) but there's probably more updated ones out there as well. maybe someone else here knows a good one?

[nonspace]

Hey! How can I add a background image behind my posts for the theme Excess? I saw someone on here had already asked with adding a background image to Excess and when I tried its for the background in the sidebar. Hope you can help! Thanks!

hi! sorry for the late response. you can add a background image behind the posts by adding the following to your custom CSS in the Customizer:

#content_wrapper { background-image: url("imageurlhere"); }

for additional background image styling (e.g. positioning) have a look at w3schools.

[nonspace]

Hi!! I'm using the theme Stereo, I love it!! I'm wondering if you could help me with how to do a simple background image? I've tried googling how to do it and copying+pasting different parts of the code but nothing has worked. I looked through your FAQ and I couldn't find a solution (I may have missed it) Thanks a bunch!

Hi! You can add a background image by adding the following in your Custom CSS (Customizer > Advanced options (at the very bottom)):

container { background-image: url('REAPLACEWITHYOURIMAGEURL'); }

aside, #aside_inner { background: none; }

If you need additional background image styling like a no repeating background, have a look at existing background properties and how to use them here.

[nonspace]

Hello! I looked through your FAQs, but didn't find anything about adding a search bar to Excess. Can one be added in a future version of the theme? I absolutely love this theme, thank you for sharing it with us!

Hi! I'm glad you like it (:

That said, I'm not sure I'll have time to add a search bar. I'll keep it in mind for the future for sure. It's not the only theme that could use a search bar.

If you wanted to try and add one yourself, you might be able to copy/paste the code from my BOTTLENECK theme. You can search the code for 'search_bar' and should be able to find the HTML part as well as the CSS (#search_bar and below up to POSTS).

Hope this helps somewhat!

[nonspace]

Hi, I'm trying to use Caffeine Fiction as an information page, and I was just wondering if there would be a simple way for me to remove the pop up menu from the top left hand corner of the page, and if there would be an easy way to change the social media links to regular links such as 'home' and 'ask'

Thank you so much in advance, and don't worry if the changes are too complicated. The theme is absolutely beautiful, so I'm sure I can make it work.

Hi!

The easiest way would be to simply hide the menu by adding the following CSS:

sidebar_controls { display: none; }

As for the links, you can remove "data-lightbox" and "data-title" from the link tag (<a>) and if you don't want to use icons, replace the icon code (<i> tags) with regular text:

Replace <i class="fab fa-twitter" aria-hidden="true"></i> for "Home" for example.

This will probably mean that not as many links may fit in one row, or you might have to customize the styling.

Hope this helps!

[nonspace]

Hi! I'm using Theme #8 Ultraviolet, and was wondering if there's a way to add a search bar feature to the theme? Preferably, one that searches by keyword and not by tag? It'd be a great deal of help, I've tried different tutorials but just can't figure it out! Thank you in advance, Plum.

Hi! I don't have the time to walk you through the whole thing right now, but sine my theme STATIC is somewhat similar in layout to Ultraviolet and includes a search bar, I recommend having a look at its code and taking it from there:

tumblr-themes/static.html at main · n0nspace/tumblr-themes

codes for tumblr themes & pages. Contribute to n0nspace/tumblr-themes development by creating an account on GitHub.

You can find the CSS by searching for #search_bar.

The HTML can look something like this (you don't need the social links):

(Sorry that it's a screenshot. I can't copy HTML code into the editor and I'm too lazy to type it up manually.) This will perform a /search and not a /tagged search.

Hope that helps at least point you in the right direction!

[nonspace]

Hi there! I'm using the latest version of Stereo (it's awesome, thank you for making it) I'm wondering if there's a way to add a straight across banner on the top of the theme? I tried to figure it out on my own but can't get the banner image to show up. Thanks!

Hi! It depends on how exactly you would like this banner to look but to achieve something like this:

HTML:

<div id="banner"> <div id="banner_inner"> THIS IS A BANNER </div> </div>

CSS:

banner { width: 100%; }

banner_inner { background: red; height: 100px; margin: 25px auto 0; width: calc(var(--sidebarWidth) + var(--postWidth) - 50px); display: flex; /*you might not need this*/ justify-content: center; /*centers text*/ align-items: center; /*centers text*/ }

You need an outer and inner banner due to the way I build the rest of the theme. It's a flexbox row layout so the outer banner needs to be 100% width to force the rest of the content to break under it. You can obviously change the styling. I just centered the text to look good in the preview. This does not account for response mobile design. You'll need to figure that out yourself. But simply setting display: none; in a mobile break point may just do the trick!

Hope this helps!