How do I remove in Wordpress Avada Theme the top borders, which automatically appear everywhere and look like this:
I can remove them in Chrome dev tools just like this:
But if I put e.g. this css code inside the Avada themes custom css, it is still there:
#main .fusion-row {
border-top: 0px !important;
}
You can tru and edit the border thickness as it is:
#main .fusion-row {
border-top: 0px solid #fff !important;
}
#main .fusion-row {
display: none !important;
}
Use this CSS line in your additional CSS field
Or
You can go to the theme editor and look for header.php file look for header code remove it.
The solution was to consider the page id in the css:
.page-id-xxxx #main .fusion-row {
border: none;
}
Related
I'm looking for a way to remove the border around the event picture and event title on my main Page ( ofen49ers.de ).
Adding a custom class to the section and changing the border value to 0 dosen't seem to work. Maybe someone has an idea to remove the border.
Here the CSS I used:
.custom-class-event-front {
border: 0px !important;
}
You can try this
.fusion-events-shortcode .fusion-events-thumbnail, .fusion-events-shortcode .fusion-layout-column .fusion-column-wrapper {
border-width: 0!important;
}
<style>
.post-content .fusion-column-wrapper,
.fusion-events-thumbnail.hover-type-none
{
border: none !important;
}
</style>
I want to have a background image on my site. It comes from the top of the page and is only behind the header. The problem is, my theme forces me to have a background color for the header so you can't see my background image at all. Here is a photo of what I want the site to look like:
And you can see what it actually looks like here. I'm using the Brunch Pro theme on Wordpress.
Is there a way to make the header background transparent or is there a better way to do this?
Add this to the end of the custom.css or style.css of your theme:
.brunch-pro .site-header{
background: transparent;
}
If you can edit the CSS (which I presume you can in WP), look for where .site-header has it's CSS properties set. Remove the background and background-color properties.
You could also just add a new CSS property and apply it to the header. Something like:
header.site-header {
background: none !important;
}
The !important will override already set properties...
If background-color property is required, you could use rgba color and make it transparent. background: rgba(0,0,0,0); makes background-color black, but fully transparent, without opacity and other tricks. Like so:
.black-but-transaprent {
color: red;
height: 100px;
width: 100px;
background: rgba(0,0,0,0);
border: 1px solid black;
}
<div class="black-but-transaprent">Test</div>
I am working on a wordpress template. I need my menubar to be transparent, but it is giving me quite a hard time.
Until now I added the following css code in the "Custom CSS". But I keep getting a grey colored background. Does anybody knows how I can make a transparent background in the CSS?
.fixed-header #header {
background-color: rgba(1,1,1,0.0) !important;
}
.fixed-header #header {
background-color: transparent;
}
Try this:
.fixed-header #header {
background-color: rgba(1,1,1,0.0) !important;
opacity: 0.5 !important;
background-color: transparent !important;
}
you need to add style in your style.css file
#header {
background-color: rgba(1,1,1,0.0) !important;
}
Install this plugin for including custom css and js
Try this:
.fixed-header #header {
background-color: transparent;
}
You might be editing wrong css file. Or your website is cached. Try pressing CTRL + F5 to refresh page.
i have the following website
http://cancersurvivorshipireland.com/cancersurvivorshipireland.com/wordpress/
and I'm trying to change the header menu color. I have previously changed the colour for the menu items themselves from code that someone provided here and it was very helpful however no matter what I do I can't change that dirty blue color to something nicer.
I have tried various types of code:
top-header {
background-color: white;
}
header {
background-color: white;
}
.sf-menu {
position: relative;
padding: 0;
width: 100%;
border-bottom: 3px solid #e9e9e9;
background: #ffffff !important;
}
It you visit the actual stylesheet that's doing the overriding, you'll see that it's a custom stylesheet that's being generated by theme options. It doesn't even exist on the server as an actual .css file. It's also the last styles being called on the page.
Rather than editing a different CSS stylesheet and using !important to override this, you're better off updating it (or even removing this, if possible) from the WP Admin theme options.
Also, as mentioned by the (now deleted?) other answer, you need to make sure you're prefixing the .top-header class with a .. Your question doesn't currently show this.
I am looking to customize navigation bar on my wordpress site to have a Surrounding colour for a 'Get a demo' Menu, you can have a look at website in the below link
https://www.punchtab.com/
How can i achieve the same in my WordPress site?
Any help with this would be greatly appreciated!
Gareth
You can do this by adding background-color: #DC286D; to the header-login-nav in the css.
#header-login-nav
{
padding-right: 10px;
padding-left: 10px;
background-color: #DC286D;
}
So on your wordpress site, you would need to change it on the navigation class/id (it would depend on your theme).
EDIT:
#menu-main-menu
{
background-color: #000 !important;
}