Change Post & Page H2 and hyperlink colours only

Homepage Community Forums Epik Theme Support Change Post & Page H2 and hyperlink colours only

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5679
    m3sw
    Customer

      Hi

      I see that the post and page fonts and colours are inherited from the default style sheet and am looking for some help.

      I would like to change the post and page H2, H3, H4, H5 title font colours and the hyperlink colours for page and post content only. Understandably changing H2:a changes the whole theme.

      Please can you let me know the relevant CSS to change or add and where e.g. at the end of the CSS sheet or just within the theme colour I am using.

      Many Thanks in Advance

      metta3.com

      #5693
      Eric
      Customer

        Take a look around line 1161 for this –

        h1, 
        h2, 
        h3, 
        h4, 
        h5, 
        h6, 
        .entry-title a {
            line-height: 1.2;
            margin-bottom: 1rem;
        }

        Then make your adjustments from there.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #5705
        m3sw
        Customer

          Hi Eric

          Thanks for the reply but as mentioned I am not a developer Im trying to work things out as I go.

          While I appreciate that your not here to do custom coding, I imagine that changing title colours is a pretty common request. Please can you suggest the required code entry to change page and post titles only as google suggests endless ways to do this but what works will be theme specific and everthing I have tried so far changes the whole theme not the pages and posts content only

          Many Thanks

          #5721
          Eric
          Customer

            Add the color to the code above like this –

            h1, 
            h2, 
            h3, 
            h4, 
            h5, 
            h6, 
            .entry-title a {
                color: #777;
                line-height: 1.2;
                margin-bottom: 1rem;
            }

            replace the hexcode “777” with whatever color you want. You can use a color picker to get the hex code/number. Colorpicker.com


            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #5739
            m3sw
            Customer
              This reply has been marked as private.
              #5748
              Eric
              Customer

                Try this –

                .entry-content h2 {
                    color: red;
                }

                or this –

                .entry-title {
                    color: red;
                }

                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.