I've been trying to figure out a way to put custom text in the header area of my website. I'm familiar with css and I have included my code below. It worked great and yielded the result I wanted except it also selected the footer area. I can't figure out a way to have the text appear in the header and not the footer. I would like to achieve this with css only and not mess with the theme files. Is there any way this can be achieved? Here is my code:
I've been trying to figure out a way to put custom text in the header area of my website. I'm familiar with css and I have included my code below. It worked great and yielded the result I wanted except it also selected the footer area. I can't figure out a way to have the text appear in the header and not the footer. I would like to achieve this with css only and not mess with the theme files. Is there any way this can be achieved? Here is my code:
.wrapper::after {
display: block;
white-space: pre;
line-height: 20px;
content: "Harms Insurance Agency, Inc.\A 305 S Oklahoma St. \A Corn, Oklahoma 73024 \A 580-343-2485";
color: black;
float: right;
margin-right: 120px;
margin-top: 20px;
margin-bottom: 15px;
}
.tf_o_visible::after {
display: none
}
.section_wrapper::after {
display: none;
}
Thanks so much!
Hello Austin,
Change the custom css to :
header .wrapper:after
and this will fix the problem.
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
This fixed it thanks so much!
Glad to hear that!
Do not hesitate to contact us if you have others questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme