• Hi there,

    I’ve been reading threads in the forum and couldn’t figure out how to align the logo and the tagline or site description to be side by side (logo left, text center).

    I’m currently using the following code for all pages but the front page (e.g. https://www.okiwipassion.co.nz/veggie_boxes/ )

    /*
    Change all pages' top section (site branding) to decrease height (customize logo, title and description size)
    */
    .page-template-default .site-branding, .single-post .site-branding, .archives .site-branding, .category .site-branding {
    	margin-top: -20px;
    	margin-bottom: -20px;
    }
    .page-template-default .site-logo, .single-post .site-logo, .archives .site-logo, .category .site-logo {
    	width: 130px;
    	float: left;
    }
    .page-template-default .site-title, .single-post .site-title, .archives .site-title, .category .site-title {
    	font-size: 0px;
    	margin: 0 auto;
    	text-align: center;
    }
    .page-template-default .site-description, .single-post .site-description, .archives .site-description, .category .site-description {
    	font-size: 14px;
    	width: 300px;
    	margin: 0 auto;
    	text-align: center;
    }

    Notes:
    – Sela’s default positioning for both logo and site title + tagline is center.
    – I tried using align, text-align, margin and didn’t work.

    Thanks in advance!

Viewing 1 replies (of 1 total)
  • Thread Starter okiwipassion

    (@okiwipassion)

    PS. I’ve now removed the above code because the misalignment looked too ugly to leave it up… and I may never get an answer here, so at least it looks fine now ??

Viewing 1 replies (of 1 total)
  • The topic ‘Align logo and tagline / site description [Sela]’ is closed to new replies.