How to hide line below firefox navbar? - css

I'm trying to make a very basic userChrome.css file to hide this 1 pixel line between the navbar and the current web page.
I scrolled and tried all this original css firefox but I can't find what class I have to edit to do that..

Found the tag by stripping down a stylish style piece by piece.
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
margin-bottom: -1px !important;
}

Related

SquareSpace: Change section background color (Eamon / Ethan template)

Example template:
https://eamon-demo.squarespace.com/#overview-eamon
Is there any possible way to change the background color of a single white section with text in the Ethan / Eamon theme? I've had no luck with
<style>
.body {
background-color: lightblue;
}
</style>
in the Advanced section of the page editor. I am looking to change only one of the section's background colors, I do not want to change them all. Thanks.
Solution!
I was able to make it work on a section called "titles" adding the following to the CSS Editor:
section#titles {
background-color: lightblue !important;
}
Yes, it is possible by targeting via the CSS attribute selector. For example:
[data-url-id='titles-eamon'] .content, [data-url-id='titles-eamon'] .content-inner {
background-color: lightblue !important;
}
The above code would be inserted via the CSS Editor. The data-url-id value corresponds the URL Slug of the index page section (see image).
You can inspect the code of the page user your browser's developer tools (often by hitting F12 or CTRL+SHIFT+I). That will help you explore the code of the page for this and other similar issues/customization.

Sub menu moves when changing padding

I have a Prestashop with a CSS menu, http://empk.dk/nyshop/ the padding is now: 15px 9px 15px in this #header .pt_custommenu .pt_menu
Before I changed it, it was 11px 9px 37px, and it worked before, but now, the sub menu doesn't align with the main menu, I've tried to look in the chrome debug mode, and in the CSS file, but I just can't find the issue or what code to edit.
I assume it's in the div called popup, but I can't find it.
You can see the CSS file here: http://empk.dk/nyshop/themes/pos_elly5/modules/posmegamenu/css/custommenu.css
The menu I want to edit is the "beige" / yellow colored.
Hope you can help!
".popup" Class having css property through the Jquery or inline style so you need to find this class and apply "top:53px" on that class
or
just write in your css this Class :
.popup{
top:52px !important;
}
but when you use the "!important" keyword at that time you need to be very careful that it affects others class or not.

Can't see my mobile menu anymore (Wordpress)

I have a Wordpress page, which I've set up for a friend. It all worked well, but since a few days or weeks the mobile menu (icon) doesn't show anymore. Can anyone find out what this could be?
The page: http://www.cabane-blanche.ch/
put this code in your theme style.css
nav {
font-size: 20px; }
A CSS rule in your themify-customizer.css file is causing the font size to be 0px for everything inside header.
#header { font-size:0px;
}
at line 59. You must remove this rule and it will fix this problem. It is also causing the dropdown item at "WARENKORB" tab to not show up.
If you only want to fix the mobile menu leaving the header rule intact, you can add following code to your style.css, Although I recommend the fix mentioned above instead.
.icon-menu {
font-size: 30px;
}

Customizing WP theme - how to change link for nav button in CSS?

I've been customizing a one-page-design wordpress template (see http://ggc.inductiveplay.com) - it pulls up a floating button on the home page that :should: scroll down to the next section (#menu), but for some reason it keeps pointing to the 3rd section (#location).
I'd like to just override the link in CSS where I'm customizing the button size/appearance and assume I just have bad syntax here:
.a-btn {
padding: 2px 12px !important;
margin-bottom: 5px !important;
opacity: .8;
z-index: 1;
href="#menu";
}
If there's a quick fix for this I'd love to know, otherwise I'd love any insights on where the link is being set/computed on the site.
You can add things before and after a HTML element in css. But you can't change a link using CSS.
The below is bad CSS syntax:
href="#menu";
To add things before something in CSS you can have a HTML element like:
<div class="sample-text"></div>
Then using the following CSS:
.sample-text:before {
content:"blah blah";
}
Instead of "blah blah" you can have something else.
You can't use HTML in the CSS so you can't do what you want, but this is the closest you can get to it.
However you can change links using javascript.
Also you can only use z-index if you specify a position:relative, position:absolute or position:fixed.

What is causing this nav bar to look different?

I am working on a Drupal 6 site that some CSS issues. I have used firebug to try and determine what is causing it, but I am at a loss.
Messed up nav bar
Correct nav bar
The page has a custom app that is loaded when you click on the link. I corrected another problem in the custom app stylesheet a couple of weeks ago by using firebug. I have tried modifying the dimensions in the theme stylesheet and the custom app stylesheet with no luck. I appreciate any suggestions.
change your #content css width to : width:657px;
And play with the margin to get it the same way
Check your sidebar too it's definitively different, maybe you wont have to modify the content if you modify the sidebar
you have two time the class #nav remove the one without the background-image
Resize the height of your class #title : #title{height: 34px;}
But one more time you have to class #title, so remove the one that as a bigger heigth thant 34px
Remove the color here : #nav a:link { text-decoration: none;}
5.You need to add this class to the link that is active : #nav a.active {background: url("/themes/a3_atlantis/active_overlay.png") repeat-x scroll 0 0 transparent;color: #0B486B;height: 24px;}
Lots of modification ;)
OR juste remove the duplicates classes and it will help a lot ! !

Resources