We use the hueman theme and the crayon syntaxhighlighter at our company blog. However we have a problem with the style of the code blocks.
For example: A blogpost at our blog
At every second code block the css stylesheet seems corrupt. The striped lines have the wrong background color and are white instead of grey. When I turn of the striped line feature, every second code block is white.
Anyone know this issue? I search for several hours but I wasn't able to fix it.
Fixed it. Had ".entry table tr.alt" in my css which override the default crayon syntaxhighlighting style
Added:
.entry tr.crayon-row.alt {
background-color: transparent;
}
and now it works as expected :)
Related
I want to change the color of the social icons (on the left side of the screenshot). Since I have no clue how to change it in WordPress, I tried it with CSS. But now I noticed that I have to change the element. style and I don't know how... I tried just changing the color in the element. style and copying into the additional CSS in WordPress, but it doesn't work. On the screenshot, you can see what I mean. Is there a solution to this problem?
This is what I tried:
element.style {
--wpz-social-icons-block-item-color: #FF0000;
--wpz-social-icons-block-item-color-hover: #FF0000;
}
Please try with this following code in wordpress customizer > Additional CSS
.social-icon-link{
--wpz-social-icons-block-item-color: black !important;
--wpz-social-icons-block-item-color-hover:
red !important;
}
I think that what makes color is the element inside a <span class="social-icon socicon socicon-icon-instagram">
But anyway you are trying to change something via style, and if you want to do like this you´ll hace to use something like
style="background-color:#000"
or wathever, color, font-size etc
But in this case I will use a new style, like
.socicon-icon-instagram {color:#000;}
And maybe depends of the template you´ll need to add !important to CSS class to get the color...like this
.socicon-icon-instagram {color:#000!important;}
It is not a good practice but sometimes is necesary
I'm using the pre-built purple-green angular material pre-built theme with .css. I'd like to use a white background but can't seem to change from the dark grey background. I've tried removing class="mat-app-background" in the body tag of my index.html, but no impact. Do I need to move to .scss to make this change?
Thanks
Pete
element {
background: white !important;
}
If nothing else you have tried works, maybe try this one. It will override all previous styling rules for the specific property.
I write codes at a GitHub page and I want to highlight my codes in it. I know that Github provides default code highlighting but my problem is this: Operator colors are always black and this is a problem when I use a dark theme. I mean:
I use highlight.js. Why that operators are always black? I tried
code { color: white;
}
in a CSS file but it did not work.
I've recently started a new website with Wordpress through blue host.
I'm completely new to this and had never even heard of either of these programs up until last week.
I downloaded a theme from Mojo marketplace linked to blue host called Solstice. I've managed to make some customer changes and get some pictures and pages and post headers on there.
The only trouble I'm having right now is that I've wrote text in the About us section but it doesn't show up on the website. I haven't downloaded any plugins yet and the template it still set to default.
I have tried googling the answer but not had much luck.
Any help would be greatly appreciated.
www.2lostbuffaloes.com
As Naveed mentioned, the text color is white, over white background, that's why you can't see it. If you add to your css this rule:
body {
color #000000;
}
The text should appear.
You will probably also want to add white to the text color of the footer:
.footer-top, .footer-top a {
color: #ffffff;
}
In style sheet, you need to do
body{
color : #000000;
}
Right now its white color for text, if you do control A on about us page you will see all text.
I am using Wordpress template Simple market and the default text colour is green but I want to change it to black. Even the widgets I install go green. Is there a way to change the whole color rather than changing it in css one by one?
You can put some CSS in your theme's style.css file to override its green text-color with black text-color, for example:
body {
color: black;
}
if the above not work, try something like:
body {
color: black !important;
}
This is just a quick patch but not a final solution. When your have better understanding in the theme you mentioned, you can use some tools like Firebug to locate the actual CSS codes and to search and replace them in style.css file which they belong to. That will be better.
Go to Style.css
replace green color(you will find it using colorpix) to black(i.e #000000) using find and replace feature in any stylesheet editor.
Simple enough and no other way.