Editing Text

  • Posted in : Read
  • MarkerMaker
    Participant

    Is there anyway using the theme settings or the WP control panel to create large intro type to pages like my page here…

    http://www.mjcdesign.co.uk/

    ahmetsali
    Keymaster

    Hi, i really didn’t get what you really want. You want big size text on some specific pages? Which text?

    MarkerMaker
    Participant

    I was hoping to send you a screen shot but I don’t think I can add them here …

    I wanted to enlarge the main site tag line under the main site title but just on the home page and how I have done on my site which was built from the static templates.

    http://www.mjcdesign.co.uk/

    ahmetsali
    Keymaster

    Hi, you can do this in two steps;

    – add a new class to homepage’s html tag. in index.html;

    <html class="home">;
    

    – then use a custom css code for only homepage like this;

    .home .site-intro { font-size: 1.9em; }
    
    MarkerMaker
    Participant

    Thanks I will give this ago…

    MarkerMaker
    Participant

    HI you say:

    – add a new class to homepage’s html tag. in index.html;

    Can this be done from within the WP CP?

    Mehmet S.
    Keymaster

    Hi,

    Yes, WordPres adds classes automatically.

    Thanks

    MarkerMaker
    Participant

    Thanks. So where in the CP do I navigate to add:

    ;

    MarkerMaker
    Participant

    ;

    MarkerMaker
    Participant

    html class="home";

    Mehmet S.
    Keymaster

    What do you mean by saying CP?

    MarkerMaker
    Participant

    Within the WordPress control panel … CP for short, sorry.

    Mehmet S.
    Keymaster

    Ok :)

    MarkerMaker
    Participant

    Thanks. So where in the Control Panel do I navigate to add the new home class you mentioned.

    ahmetsali
    Keymaster

    Let’s make one thing clear; do you have Read HTML5 or Read Wp ?

    MarkerMaker
    Participant

    Read WP is what I am using.

    MarkerMaker
    Participant
    Mehmet S.
    Keymaster

    WordPres adds classes automatically to the html body tag.

    MarkerMaker
    Participant

    Mehmet thanks …

    I still do not follow. What steps do I need to take in the Word Press Control Panel to add a new class to homepage’s html tag. I just need to know where I need to go and what panel to enter this information in.

    OR do I need to hard code this new class to the index.html file via FTP?

    Mehmet S.
    Keymaster

    Your homepage’s class is home in wp. You can access to your homepage via this class.

    body.home { }
    
    MarkerMaker
    Participant

    I see so know need to add and physical code to the index page’s body tag WP will do that for me when I created a new CSS rule?

    Mehmet S.
    Keymaster

    You can find the body tag in the header.php file.

    MarkerMaker
    Participant

    Thanks so much for your response … OK so just to clarify in order to make the change I want I have to physically edit the header.php and add: ; … Is that right?

    MarkerMaker
    Participant

    ;

    MarkerMaker
    Participant

    I don’t understand how to post code in your forum… the tags do not seem to work.

    MarkerMaker
    Participant

    Test…

    Mehmet S.
    Keymaster

    Encode your code before posting here. You can use this site:

    http://htmlentities.net

    MarkerMaker
    Participant

    h1.site-title a { border-bottom: none; }
    body.home .site-intro { font-size: 5em; }

    MarkerMaker
    Participant

    OK thanks I really don’t get how this works on this forum.

    OK back to the matter in hand. Are you saying to achieve what I want which is to make the opening tag line text on the home page bigger I do need to add a class=home to the header.php file via FTP?

    Mehmet S.
    Keymaster

    You can find the header.php file in the wp inside editor:

    – navigate to Appearance > Editor > header.php

    MarkerMaker
    Participant

    OK I add class=”home” the the header.php file via the WP control panel editor and add the CSS .home .site-intro { font-size: 1.9em; } to the Theme Options/Custom CSS panel and there is no change on my site. What am I missing?

    ahmetsali
    Keymaster

    try this one;

    .home .site-description {
        font-size: 1.9em;
    }
    
    Luxrep
    Participant

    Hi, I would like to know how to change size for the Post Titles to 10 pt please

    ahmetsali
    Keymaster

    @Luxrep

    10pt is really small for post titles, but here is the custom css for this;

    h1.entry-title {
        font-size: 10pt;
    }
    
Viewing 34 posts - 1 through 34 (of 34 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register