Styling the word Contact which sits above form

  • Hi, hope this is a simple one.

    I would like to change the styling of the word ‘contact’ which sits just above the form.

    I can go into the CSS and see that it’s styled with the H3 tag. I would like to give it it’s own styling to match the rest of my site headers and add a few lines such as contact me here, but can’t find any file with it in.

    Could anyone tell me where it’s located.

    Thanks

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter Rob49

    (@rob49)

    By the way, this is for the plugin Contact Form 7.

    Thanks for any help

    I don’t think this issue is relating to the plugin Contact Form 7.

    Maybe you need some CSS advices. You’d better write the URL of the page.

    Thread Starter Rob49

    (@rob49)

    Hi Takayuki,

    Here is the url.

    go9cr eative.com (no space).

    Would just like to style and edit the word ‘contact’ to match the rest of the headers on each page. I can see using firebug it is a H3 tag, but I’d like to control it with a span.

    Great plug in by the way!

    Thanks
    Rob

    Ask your theme’s creator to edit the template file of the page. Maybe there is page.php in the theme folder.

    Rob, the text Contact is the page title and has nothing to do with the Contactform that is under it….

    As Takayuki Miyoshi stated this is in your theme. In most themes that would be easy to change.
    No idea if it is easy in your Theme.
    You can always update the style.css but that is not normally the advice.
    Enjoy,

    Thread Starter Rob49

    (@rob49)

    Thanks both of you.

    I’m using the theme ‘modern clix’. I’m looking at the page.php file to see if that is where I could change things but so far everything i’ve tried has broken the page. Here is the code for it:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    I’m not clued up on PHP yet so is there anything obvious I could change here to stop the title repeating just above the form?

    Thankyou

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    [Moved to How-To & Troubleshooting as this is not plugin-related].

    Often you can go to your folder wp-content/plugins/name of plugin
    There will be a generic named css file – you can make a backup copy at this point if you like as well.

    Find the tag that will probably look something like…

    #content h3 {
  font-size: 20px;
}

    If there isn’t and you can’t find anything like it try making that one and set the font-size to what you’d like and then give it an important command. ie.

    font-size: 14px !important;

    Not sure if that will solve your problem, but it’s a starting point hopefully.

    Thread Starter Rob49

    (@rob49)

    Hi esmi,

    The link is on my third post down. Sorry about the code, thought some was allowed before needing pastebin.

    Heres the PB code:

    https://pastebin.com/yXR4Fu3a

    Cheers

    You need to add the body_class() function to your theme’s <body> tag in header.php first before you can hope to specifically style that page title.

    If you want to edit it in this file then in the H3 tag add the following:

    <h3 style="font-size: 14px !important">

    You can change that 14px to any size you’d like.

    Let me know if that solves it

    Thread Starter Rob49

    (@rob49)

    OK, thanks Jeremy and esmi. Will have a rummage around and see what comes up with your advice.

    Thankyou ??

    Thread Starter Rob49

    (@rob49)

    Well I think I’m almost there. If you look now : .go 9creative.com/contact, I have added the title styled in the way I want to the page just above the form.

    Unfortunately the Your Name (required) bit sits above it, so that’s the first thing I need to resolve.

    I have also added the body_class() function to my body tag and have added :

    .page-id-69 { 

	    }

    to my CSS so I can now style that specific page (thanks esmi for that tip). I have tried a few things to remove the title but no joy yet.

    Is there a line of code I can add to fix it?

    I guess once I can remove the title and have the Your Name line in place I am there.

    Thanks again for your help. I’m really enjoying learning WP and how everything fits together.

    and @ Jeremy – I think removing the title (if it’s possible) and adding the Div as I have should work ok, what do you think?

    Cheers

    Thread Starter Rob49

    (@rob49)

    Sorry to bump but still not figured this out yet.

    Is there a line I can add to remove the title in the CSS now I have set up the body_class() function?

    Thank you..

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Styling the word Contact which sits above form’ is closed to new replies.