Big border arround deepin-terminal in awesome-wm - border

I found this link to remove the big black border around the window of deepin-terminal in KDE. How can I achieve it in awesome wm? Look at the screenshot...
Screenshot!

i'm author of Deepin-Terminal
Git version of deepin-terminal has fixed this problem.
Git version will remove shadow when it found window manager's composited is disable.
Compile git version please check: https://github.com/manateelazycat/deepin-terminal/

Blame GTK, but now that I am sure you complained loudly to them ;), here's the workaround
You have to edit the GTK3 CSS to remove these borders, more information here:
https://github.com/awesomeWM/awesome/issues/459
https://web.archive.org/web/20160710205404/https://awesomewm.org/wiki/Customizing_GTK_Apps#For_GTK3_apps

Related

Favicons in HTML Templates

I used a HTML free template from Colorlib.com. I gave them recognition and put copyright at the bottom of my site. However, I want to change the favicon to my own (they made their own, but I want to use mine). I got rid of the favicon image and replaced it with mine but even after committing changes and deploying, it shows the previous favicon. How is this possible? It's not even in the folder... How can I fix this?
Github: https://github.com/Ispeeta/Connect-to-Change/tree/master/img/core-img (this is where I kept my favicon, the previous one on my site was a "K" but I want to have a maple leaf)
Site: https://connect2change.netlify.app/stories
Clear your cache to fix the problem.

Deleting a Div on My Blog

I'm trying to locate/delete this section on blog posts within my blog. I'm just not sure which part to delete/take out or in which liquid file it would exist.
<div class="title-box">
<h1 class="text-center text-uppercase title-under">BLOG</h1>
</div>
Blog post
https://samplified.us/blogs/tutorials-and-free-downloads/how-to-make-a-beat-like-medasin-tutorial
It just takes up way too much room and doesn't really serve a purpose. I can locate it with inspect tool and delete that div class and it looks perfect.
I'm just not sure where in my theme files I can do that.
When I delete it on google inspector it's exactly how I want it to look.
After Deleting
Time Block
If you use wordpress, usually the css will be on style.css.
You can add display:none to title-box CSS and it will work just fine
First, set up a simple dev environment.
Clone your theme (make sure this theme is not published yet.)
Download ThemeKit
Download your clone theme using ThemeKit. (theme download)
Using ThemeKit watch your changes using the theme preview.
Now try to edit the files and try to figure out what is the best option to delete that div.
Using your favorite text editor search for the keyword title-box and you are going to get all areas where that class is used. You can try to delete it and test out to see if that works for you or not.
If deleting cause too many problems you can try to hide with CSS.
After you pick your solution and its working on your clone theme (preview mode). You can publish the clone theme over the current live theme.

CSS Slide menu does not work as expected

here is my situation:
I've created this slide menu:
http://codepen.io/facundo_larocca/pen/vgBmGG
It is working fine and i like it.
The problem happens in the live version, when I tried to add it to my web app, simply it is not responding to the click.
I haven't hosted my app yet and I think it would be too much code to put it all here, but I have my github repo as public.
If you want to check it out, well you will know of course, npm install and then npm start
It is a ReactJS project + CSS, the component, which is not working as I expect is called ThemeSelector. You can check it out here
I'm adding it into this one, check line 42.
All CSS classes can be found here
Whatever you think that is needed to clarify my problem, let my know!!
Thanks in advance and HAPPY NEW YEAR for everybody!!!!
Edited after #Gaby aka G. Petrioli's answer
As I'm using ReactJS instead of pure HTML, for tag must be replaced with htmlFor.
You have forgotten to add the for="navigation" on the label line 22, so they are not linked.

Tumblr custom theme disappears when logged out

I made a custom theme for a client's tumblr, but the blog is not showing up when the viewer is logged out of tumblr. When logged in, it looks perfect. The blog is http://www.openharborpictures.tumblr.com.
It seems to be related to the "Follow openharborpictures" and "Tumblr" buttons that appear at the top right (perhaps something in them is overriding my custom HTML?) but it could also just be a coincidence. Could not post all of the code, so it's here: http://pastebin.com/U5jctrVK. Any thoughts? Thanks in advance!
I don't think there's anything wrong with your code. Tumblr inserts more code using server scripts, something you can't do anything about. So for some reason parts of the new code is interfering with your code. It could be the Follow thing you mentioned, but we can't say for sure.
What I would suggest you do is in the custom theme panel, scroll right down to the bottom and click on "Advanced" tab, and then uncheck the "Promote Tumblr" option. This should disable the follow button when you are not signed in to Tumblr.
I can't guarantee that this will solve the problem. But it's worth a try. Let me know how it goes.
Set the body height to 100%
body { height: 100% }

html select arrow look

In my html select element I would like to show a black arrow and no background.
How can I do it?
You can use a plugin for jQuery, I actually contributed to such a jQuery plugin and you can find the code on github.
The plugin allows you to cusomize the look and feel of the select boxes in your application, not just the arrow but the entire behavior can be customized.
Here's a link to the source code on github (forked)
http://github.com/KensoDev/Stylish-Select
This was tested in IE6,7,8 FF Chrome...
One way would be to use a background image for the select. However, it's not well supported. Personally, I wouldn't use a select for this.
See this for more info: http://doctype.com/styling-select-elements-backgrounds-etc
Here's an alternative method which may work: http://pennypacker.net/articles/css_tricks_select_menu