Change home page font sizes, and disabling clickable header

  • Stevied22

    (@stephenjdangelocom)


    8 years, 11 months ago

    Hello, I feel like this will be an easy fix those who are more skilled with CSS than I… but it has been driving me nuts!
    First off, I am using a child theme of cyberchimp’s responsive theme.

    I need to solve a problem I am having in one of two ways:

    1) (Primary option) Make the font color in the content area of the home page white. I have already managed to make the font colors of the headline and subheadline to white using this CSS:

    #featured {
	background-color: rgba(0,0,0,.5);
	border: medium none;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #FFFFFF;
}

h3 {
	color: #FFFFFF;
}

    2) (Backup option if I am unable to do the first) Make the headline and subheadline on the home page a smaller size.

    Also one last request, the header image on my page is clickable, and I would like to disable that.

    I really appreciate any help guys, thanks for your time!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,
    1. To change the heading color it would better to use the Heading color options plugin to change the color.

    2. Please provide the link of your site, it help me to address your problem easier.

    Thanks ??

    Thread Starter Stevied22

    (@stephenjdangelocom)

    My site is https://www.stephenjdangelo.com
    I should have also mentioned that I am running a child theme of the responsive theme.

    Thank you for the suggestion, however I would like to avoid using any more plugins than is necessary, as I am concerned with my page load time.

    I also would like to learn how to code this (or use a custom CSS) for my own personal growth. I am new to coding, and am trying to learn as much as possible.
    Is there any way you would be able to guide me through it? Thank you for the response!

    Hello,
    This link may be helpful for you. Try to learn about CSS and try to implement on your site. If you have any further question to ask, please feel free too.
    Thanks

    I agree with keeping the number of plugins to an absolute minimum. Ref: https://wpvulndb.com/ for example.

    When doing CSS-tweaks, F12 is your friend (it shows debug information about the web page that your browser has loaded). I got used to Firefox and Firebug, so I use that myself.

    Many themes, Responsive included, let you add CSS rules from the admin area; if not you can usually create a child theme and update the themes.css (which is what you did already).
    Making changes, you’ll want to “target” the element you want to change properly, so your rule can be very specific – for example: not just any “h1” element, but the “h1” inside the “div with id content”

    #content h1 { color: blue; }

    You’ll also love the addition of !important:

    #content h1 { color: blue !important; }

    Good luck.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change home page font sizes, and disabling clickable header’ is closed to new replies.