Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need help with my Wordpress website. Theme, which I am currently using, automatically makes background images dark (in elements with text and button). With bright pictures it's ok, but with dark ones it looks horrible. How to find the stylesheet with the corresponding css and how to make it less dark? It's the same situation as in the demo here: Total Vanilla theme demo
You just need to inspect the image and you will jump to the right html element. In your case it's this element that cause the dark effect:
<span class="wpex-bg-overlay color" style="background-color:#383d47;opacity:0.8;" data-style="background-color:#383d47;opacity:0.8;"></span>
To quickly mask all of them you can use this css:
.wpex-bg-overlay {
display: none;
}
Open your website in the browser and press F12 to open the inspector. There you have every piece of code of your website including the CSS files (which will be in the header with a link to a file ending with .css.
in your case:
https://total.wpexplorer.com/vanilla/wp-content/themes/Total/style.css?ver=4.9.9.1
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
This is the image I want to design using pure css without background image, can use background color. Any suggestion me to do design for above mentioned image.
I don't have many reputations to comment on, i.e. I'm replying to you in the answer. I'm a newbie.
You have to research more on this content, you should search "Pure Css Posters" on youtube for reference.
For now, I would suggest you some ideas.
1. You can use 2 sections to create those white blocks, and For Shape Just use the "clip-path" Property and for the card container, put a gradient on the background using linear-gradient.
2. In those white sections, use before or after selectors to mark that greyish part.
3. Make sure you're using Flex properties to keep it aligned.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
So i am looking forward to customize the hesk3 Support page, changing the theme to a darker color with red accents, but i can't figure out how the custom CSS and everything works.
I've tried to add the style and everything, but i wasn't able to figure it out.
I am looking forward on how to learn to customize it as adding a tag within the given txt file was not working, or i was setting it properly.
As said, the platform has 3 default customization options, footer, header and body txt files that are supposed to have the custom code that you're looking to include.
I am looking forward to add a logo to the header and as said before, change to a dark theme with red accents.
Trying to css change the body color is not working, and none of the options i've tried were not working.
From how much i've seen withing the code, the elements of the page are definied as default, no extra subelements were set.
I was able to change the background-color of the body in the chrome dev tool, try adding !important after each property.
body {
background-color: red!important;
}
header {
background-color: rgba(0, 0, 0, .95)!important;
}
If this doesnt work check if your files are imported properly
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
I can't find the link in the html to 3 images on the front page of my website. The black spy on green background and the two black graphs on green background. The website is here : home.alphaphoner.com it's a template I bought online, but now I want to update it and I can't. Can anyone find the links?
That's because they aren't actually images, so you can't link to or download them as they require HTML, CSS and a font to display.
They are part of the "FontAwesome" library which uses a font to store the icons, and uses CSS to style them.
The "spy" icon is here: https://fontawesome.com/icons?d=gallery&q=incognito
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
so I have come across an upload template I can use for my site, however I have absolutely no idea on where to start. I want the the template that I have (shown below) to be exactly like it is but on the site and fully functional, how would I do this?
Thanks for any help!
EDIT: This is done by using simple css styles, for example, to create a button like the "done" button in the image below, we would simply create the shape first,
background-color: #000; /*change this to a color of your liking*/
width: 100px;
height: 70px;
this will create the rectangle like figure that we would want.
Now, we can create the cornered edges by applying these;
border-radius: 2px; /*change this to your liking*/
And that's how to create a button similar to the ones below
You should strip the complete image in very tiny parts. For example; the cancel button should be split in a 1px,1px square (repeat it in the css) and convert it to .PNG or if possible take only the css from it, right click on the layer -> copy css.
To avoid high loading or huge broadband usage, you should not take the whole image and put it on your website. This will also not be responsive friendly, if you would like to make it responsive.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am wondering there is a tool such as a Google Chrome extension out there that will get all of the css displayed on the current page, and nothing else. For instance, when you use the developer tools in chrome and get the css you have the option to get the classes you hover over and it's neighbouring classes, or the ability to see the full CSS file for the whole site. I am looking for a way to get ALL of the css used on the current page and displayed all together, instead of me having to manually check each div and pasting it into notepad.
I figure there must be something out there that does this. Any help is appreciated.
I haven't tried these myself, but Pendule and Quick Source Viewer look promising.
I would just post this as a comment but I don't have enough rep. :(