WordPress.org

Ready to get started?Download WordPress

Forums

How to get website title on one line (18 posts)

  1. alexbudfox
    Member
    Posted 1 year ago #

    Hi all, I've searched and searched and still can't figure out how to get my website title on the one line.

    If anyone could please help me that would be great, these are the two relevant bits from my style.css code:

    #header {
    	margin: 0;
    	padding: 0 1%;
    	position: relative;
    	overflow: hidden;
    	width: 96%;
    	z-index: 88;
    }
    #header .wrap {
    	background: #242424;
    	margin: 0 auto;
    	padding: 0 2%;
    	width: 96%;
    }
    
    #site-title {
    	font: 1.25em/1.35 LeagueGothicRegular, Georgia, serif;
    	margin: 0;

    [Please be sure to use backticks or code buttons when posting code.]

    p.s. I'm also trying to change color of post titles on the home page of my website - the correct color only shows up when clicking on the actual post.

    Thanks!

  2. shadez
    Member
    Posted 1 year ago #

    @alex: site link?

  3. alexbudfox
    Member
    Posted 1 year ago #

    Hi again shadez, thanks for another reply.

    http://www.tensecondscoop.com

  4. vishnuduttdebut
    Member
    Posted 1 year ago #

    #branding {
    float: left;
    margin-right: 4%;
    width: 55%;
    }

  5. alexbudfox
    Member
    Posted 1 year ago #

    thank you vish, that worked perfectly.

    if you can also help me, I'm trying to change color of post titles on the home page of my website - the correct color only shows up when clicking on the actual post. I have the hex code but can't find it.

    Thanks again

  6. vishnuduttdebut
    Member
    Posted 1 year ago #

    As I got your problem. you want to change the color of the heading of post

    Texas Chainsaw 3D, Poor Reviews, 37% Positive (from 16 reviews)

    I think you should make changes on the template style.css at the line no 60.

    If you done please tell me.

  7. Barrel rider
    Volunteer Moderator
    Posted 1 year ago #

    What can't you find?

  8. alexbudfox
    Member
    Posted 1 year ago #

    nope wasn't line 60. that changed the color of the body of the text.

    you got it right, trying to change the current, blue title to orange.

  9. vishnuduttdebut
    Member
    Posted 1 year ago #

    ok, let me check.

  10. Barrel rider
    Volunteer Moderator
    Posted 1 year ago #

    Remember, you shouldn't modify the theme's files because those modifications will compromise the theme and be compromised when the theme updates.

    Either make changes through a Child Theme or the Jetpack's Custom CSS functionality.
    Both require you to write new styles that override old styles, rather than edit old styles.

  11. vishnuduttdebut
    Member
    Posted 1 year ago #

    a, a:visited {
    color: darkorange;
    text-decoration: none;
    }
    find the about class
    you can replace the darkorange with you hexa. code.
    It will work. Please see the effect to entire site.

  12. alexbudfox
    Member
    Posted 1 year ago #

    perfect. thanks

  13. vishnuduttdebut
    Member
    Posted 1 year ago #

    Hi Andrew Nevins,

    Can you tell me the right way for this. Because as I can think we have to either change the html or to the css file.

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    See the link to the Child Theme page -- that allows changes that won't be overwritten when the theme is updated. A Custom CSS plug-in does the same thing, though in a slightly different way - creating a file that won't be overwritten.

    EDIT - Hah! Beat out by less than 1 minute!

  15. vishnuduttdebut
    Member
    Posted 1 year ago #

    Thanks for post,

    Please clear me. If i create a new style sheet and a different class. suppose class1 than I have to change the code manually.

    What you say ?

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I'm not sure I understand your question -- change which code manually and when and where?

  17. vishnuduttdebut
    Member
    Posted 1 year ago #

    Suppose I am increasing the size of the title there are two ways.
    1. I will create the class with specific css and and write the class name where template html is present.
    2. Change the existing class of the style.css

    the thing I don't get is this. how we can save our self to do changes into the theme directory by which at the time of the updating save from the replacing of the code.

    Please correct me.

    Thanks

  18. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Have you read the page linked to (3+ times) on child themes? If you are making changes to php files, you make the changes in a copy of the file which is in the child theme. If in the CSS, make the changes in the child theme style.css file. Files in the child theme are not overwritten upon theme update.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.