Position header h1 and Description in the Kubrick theme

  • Resolved aorrow

    (@aorrow)


    15 years, 3 months ago

    HI can anyone tell me how you can position text in the kubick header. I have my title and description centered but would like to be able to reposition the text possibly near the top and near to the left. How can this be achieved. Are there parameters which will enable accurate positioning anywhere in the header space? I am a complete novice and this is my first attempt at customising the a wordpress theme.

    Many thanks for help

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter aorrow

    (@aorrow)

    my site url https://www.alexorrow.co.uk/blog

    You would need to edit the css in your theme’s style.css. Here are the parts to edit:

    #headerimg h1 {
font-size:3em;
text-align:center;
padding-top:50px;
padding-left:-50px;
	}
    #headerimg .description {
	font-size: 1.2em;
	text-align: centre;
        padding-left:85px;
	}

    For info on css text formatting and alignment options, try Google searches for:

    css text
    css text-align
    css margin
    css padding

    BTW, you need to use American English spelling in your css (center not centre).

    Thread Starter aorrow

    (@aorrow)

    many thanks, i have a basic understanding now

    I forgot to mention one other important thing about editing the default theme, changes to it will be lost on upgrade if you leave it named “default”. To preserve these changes, you need to duplicate the default theme’s folder and then rename the folder and the theme name in the style.css.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Position header h1 and Description in the Kubrick theme’ is closed to new replies.