Thread Starter
gokh
(@gokh)
Header, bottom and top border transparent code?
Contact info mobile icon code?
If you need transparency in border colors, you need to use RGBA instead of HEX colors.
.has-header #masthead.above:not(.above-solid) .nav-container {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
border-top: 1px solid rgba(255, 255, 255, 0.5);
position: relative;
z-index: 749;
}
Contact info mobile icon code?
What exactly do you mean with this?
Thread Starter
gokh
(@gokh)
• Transparent,
I wrote it first, it looks like now. Now it’s okay, nice ..
• On the contact page
“contact-info” mobile icon code?
• I could not find “background-color”, where is it?
To change the icon inside the Contact Widget inside the content and the footer you can use this CSS
.meteorite-contact-info .fa-phone::before {
content: "\f10b";
}
.meteorite-contact-info.block {
font-size: 21px;
line-height: 0;
margin-right: 8px;
position: relative;
top: 2px;
}
I could not find “background-color”, where is it?
It seems to be somewhere in the customizer. Please take a look at this screenshot: https://i.hizliresim.com/oOyn2b.png
There you can see that it is inline (the WordPress Customizer adds the custom CSS inline). So you can try to find this specific rule there and delete the space before background-color.
Thread Starter
gokh
(@gokh)
• Yes, I deleted the “background-color” codes.
• Just, Footer “contact-info” widget fa-phone icon size reduction?
Footer “contact-info” widget fa-phone icon size reduction?
I missed a class in the last code I gave you. So please change
.meteorite-contact-info.block {
font-size: 21px;
line-height: 0;
margin-right: 8px;
position: relative;
top: 2px;
}
to
.meteorite-contact-info.block .fa-phone::before {
font-size: 21px;
line-height: 0;
margin-right: 8px;
position: relative;
top: 2px;
}
This should do the trick.
Thread Starter
gokh
(@gokh)
• Yes good.
• How to change fa fa-envelope icon size for contact-info in the page.
.meteorite-contact-info.block .fa fa-envelope::before {
font-size: 29px;
line-height: 0;
margin-right: 3px;
position: relative;
top: 2px;
}
It has not changed..
The first thing I can see is that you are missing a dot there. .fa fa-envelope has to be .fa.fa-envelope.
What should I see? You need to describe your issues, otherwise I can’t help you.
Thread Starter
gokh
(@gokh)
How to change fa fa-envelope icon size for contact-info in the page.
If you mean the widget in the content area, you can use this to reduce the icon size:
.meteorite-contact-info.inline .fa-envelope {
font-size: 40px;
margin-bottom: 10px;
}
However keep in mind that if you reduce the font size, you have to increase the margin-bottom in order to keep the text under the icon aligned.
-
This reply was modified 8 years, 3 months ago by
terrathemes.
