Changing the header and footer color

Homepage › Community Forums › Epik Theme Support › Changing the header and footer color

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 13, 2018 at 8:26 pm #22798
    Ectophob
    Customer

      Hi, I successfully had customized this Epik theme a couple of years back buy I can’t remember how I did it and unfortunately I can’t find the tsunami of posts I had here, seems they got deleted. So I have to start over again.

      I would like to change the color in this sites section and in the footer.

      Tried to insert a picture here but it’s not working.
      [IMG]http://i65.tinypic.com/6h22v5.jpg[/IMG]
      How can I do this?
      Thanks

      September 13, 2018 at 8:57 pm #22799
      Ectophob
      Customer

        Update: I found the old threads of mine, kronos is recommending me the following solution:

        If it’s the background color (the entire color that surrounds the background of the header) then you would adjust this in your css. Look for this in your css – .head-wrap and you can change the background color from there.

        Unfortunately, CSS StringLlocator plug-in is telling me that I don’t have this piece of code 🙁

        September 13, 2018 at 11:43 pm #22801
        Wes
        Moderator

          Do you have a link to your site?

          The image you tried to link to doesn’t show anything for me. We use external sites to post images here on the forum since bbPress doesn’t have an image uploader. We mostly use http://imgur.com/ or https://postimages.org/ to upload and then add the links here in the post.

          Also, all of your posts from the past should still be there. Moderators don’t delete threads unless they are duplicate posts or spam.

          “Unfortunately, CSS StringLlocator plug-in is telling me that I don’t have this piece of code”

          If you have a link to your site then I can take a look to see if it exists, or which line needs to be edited. Just let me know

          September 14, 2018 at 8:09 pm #22803
          Ectophob
          Customer

            Hi Wes, I tried to edit the mage link but I won’t let me do it.
            This is the link to the image, you see there one of my other websites using the Eoik Theme: https://postimg.cc/image/o9c62254h/
            Here comes the link to the future website: https://caprivicommerce.com

            September 15, 2018 at 3:35 pm #22804
            Wes
            Moderator
              This reply has been marked as private.
              September 20, 2018 at 12:07 pm #22808
              Ectophob
              Customer

                Hi, I’m running Epik 1.5 with Genensis 2.6.1 and I don’t know how to let you see the source code as I would have to switch off the “coming soon”-page, which would reveal the site in development behind. I cannot do this.
                I got it managed to change the header color now plus insert a logo. Now I’s struggling to change the footer, where it says ” Copyright © 2018 · Epik on Genesis Framework · WordPress · Log out” I want to change color and text. Where and how to do this?

                Update: I just found out that I have only 3 default layouts in Genesis available instead of 6. https://postimg.cc/LnfQLh56 << how it has to be
                https://postimg.cc/NK2fsTkD << how it actually is

                In my other websites where I use Epik, I have the version 1.4 with Genesis 2.6.1

                September 21, 2018 at 4:47 am #22812
                Wes
                Moderator

                  In the demo, the text and link colors can be found on line 3417 in the style.css file, but I’m not sure where it’s located on your site since it could be in a totally different place.

                  It should look something like this – 

                  /* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #1a1a1a;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.site-footer p {
	font-size: 12px;
  letter-spacing: 1px;
	margin-bottom: 0;
}

.site-footer a {
	color: #fff;
	font-weight: 600;
}
                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.