My problem is I have created a website using an online website creator for free. The only way to edit my website is through the builder. They have provided me a <head> tag where I can copy paste code to change.
In my web page I want to make my text background transparent. I.e. make background same as my website background. Thank you for help.
Inside your head tag, find a style tag and add this on a new line.
#content {background-color:transparent}
If you can't find a style tag, create one:
<style>
#content {background-color:transparent}
</style>
I think its better if you use 'rgba' color mode.
r red
g geen
b blue
a alpha (opacity)
You can find rgb values of any color in adobe Photoshop or any other image editors in market.
in the given image the color is"#d10f0f"
You can write it in css
background-color:#d10f0f;
aslo in rgba
background-color:rgba(209,15,15,0.5);
and here you can change the transparency of the color by adjusting the last value "0.5" you can choose any value between 0.1 to 1.
Related
I've been struggling with the background color of the Rmarkdown HTML output. I'm not a CSS or HTML expert, so a came asking for help. I want to divide the background into two or more colors (not only the chunks). For example, start with white, after some plots change it to blue, and after more tables/plots finish with red.
I know that using:
<body style="background-color:#F5F5F5;">
I can change the color of the whole body, but it doesn't allow me to change it a second or third time in the same document. So I want to know if there is a way to have more than one background color and how to accomplish it.
Thanks in advance.
I am creating a dashboard that needs to adhere to corporate style requirements. I need to alter the background color of the header. I have successfully altered the color except for when I mouse over the header, it changes to a different color.
Here is an example of the header with the proper color scheme:
Here is the same dashboard with my mouse hovering over the header:
For added measure, here is the result of inspecting the element:
Any help that can point me in the right direction to keep the background of the header a white color would be greatly appreciated.
There will be an css property most likely .logo : active or something - remove this.
Would need full code to give a definitive answer.
I solved the problem by adjusting the CSS that appears in a supporting CSS file. In the OP, the inspect element tool points to a second CSS file that I had not altered. Specifically, the all-skins.min.css file.
Once I located that file, which for R/shinydashboard, the file appears in the AdminLTE directory of the package library/shinydashboard, I found the element that affected the behavior:
.skin-red .main-header .logo:hover{background-color: }
Since I wanted the background color to remain white, even on hover, I inserted #FFF into the background-color element and, now, the background color for the header remains white even on hover.
I would like to know how to set dynamic background colour using CSS.
For example if you go to this link you will see the background colour of the Ask a question button is #5CB85C but my theme colour is #CD2122. What is want is Background colour of Ask a question should be dependant on my theme colour. So if I change the theme colour to Red, Blue or anything button colour should also be changed accordingly.
Hope I was able to explain it clearly.
Thanks
Avinash
you have to made a css for this two different css like blue.css n red.css when your theme color red than call red.css .. according to theme change css..
On the following web page:
http://www.hiv.lanl.gov/content/sequence/GENE_CUTTER/cutter.html
...you'll notice that there are three "input areas" each of which has a grey box behind it. I realize this is a simple question, but how was this effect achieved? I'm writing a similar application and I find the contrasting colors aesthetically appealing.
Thanks.
Caitlin
If you look in the code of the webpage by viewing its source code or rightclicking and choosing "Explore object" or something like that, you will see that they have the inputs in table and table with class="paramtable" which has a background-color: rgb(227, 227, 227); which is some kind of gray as long as the red, green and blue numbers are same.
So don't wait for using nice styles when writing your website :)
What they most likely did what create classes for the items that are within the form element, and then in their .css file, they set the background color to the light gray color. You can see more about all this here: w3schools
I have a div tag in my modal dialog built using JQuery like this: div id="dialogxxxx" title="xxxxx" . I want to just change the font and background color of the title alone, i.e. only the place where the title is displayed. Right now it has a default color and font. I want to change it to a specific color, but do not want to change the background color and font of the entire div, just the place where the title is displayed. Is there a way to do this? I tried adding style tag to the div, but that changes the background color of the entire div, not the title alone. I also tried doing div#title, that didnt help either.
Any pointer/help is greatly appreciated.
Thanks,
Asha
If you want a quick-n-dirty way, you can simply override the .ui-widget-header css rule, e.g.
.ui-widget-header {
background: red;
}
See this in action: http://jsfiddle.net/william/NgVAu/.
If you want a more maintainable approach, you should use the ThemeRoller, configuring the "Header/Toolbar" section. If you open up your css file, you can find a URL to the ThemeRoller with the theme it's using. It is located in the second lot of comment, after "To view and modify this theme", e.g.
/*
* jQuery UI CSS Framework #VERSION
*
* ...
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?...
*/