• Hi everyone,
    I am new to this forum so I apologise if I ask some very stupid questions. I need some help with headings and titles and font sizes and colours.

    To start off here is my website: https://www.yourdesignprinted.co.uk

    if you see on the homepage underneath the slider it says “WHAT WE DO..” there is an odd long gap between that and the next sentence which says “we will beat any quote” and then that heading is too close to the “best price guaranteed” piece of text.

    can anyone help me space It out evenly.

    Secondly

    if you read the text on the homepage.. you will see there are some questions and answers, for example “Where are we based?” I would like to change the colour of each question to the purple so that the questions stand out. but I do not want to increase the size of the questions. I do not know how to do this.

    Any help will be very very appreciated as I have been stuck on this all day.

    I am using the travelify theme.

    regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • Travelify theme has a place to put your Custom CSS. To change the spacing you would put in code like this into your Custom CSS file:

    #content h2 {
    padding-bottom:0px;
    }

    The best way to make your questions Purple is to assign a header like h4 to them and then in your custom CSS put this code:

    h4 (
    color:purple;
    font-size:12px;
    }

    And of course you can change the color code and the font-size to whatever you want.

    Cheers, Stacy

    jdeg

    (@jdeg)

    Hi yourdesignprinted;

    Experiment with changing the size of the text above and below the spacing you want changed, not the spaces themselves. This has everything to do with what you’re experiencing. The reason is because when you change the text attributes (meaning, when you make the text a Header instead of Paragraph, for example), you also change the spacing above and below it.

    To do this, log into your dashboard, then click on Pages, then click on the page you want edited, then highlight the header in question (on your page, it would be “What We Do”) and then click in the toolbar above the text where it says ‘Paragraph’ or ‘Header 1 (or 2, or 3 etc). You’ll see a drop-down list with options. Choose which size of header you want. When you preview (use the ‘Preview Changes button in the top right) you’ll see the effect it has on the spacing.
    Before you do this, make sure there aren’t any spaces between the header and paragraph.

    I see you were able to change the color of the questions, that’s good.

    I like the Travelify theme; it’s very customizable. But I’m a week into WordPress and already I’ve had similar questions to yours. The layout of the WP dashboard isn’t very intuitive at all; you have to go to several different places to edit components of the same area of the page, so instead of going where it’s intuitive you have to simply remember where you go to edit this, where you go to edit that, etc. But it’s worth it.

    btw I notice your slider isn’t loading images, you might want to check those links.

    Hi
    I am using a travelify theme and have recently started using a child theme to edit some of the style elements. However when I try to change elements of the site title and description (font size and font family in particular), there is no change. I have copied what I imagine to be the relevant section from the parent theme style.css and made the relevant changes in the child theme – not sure why it isn’t working unless it is being overriden by some other code elsewhere. All help would be greatly appreciated. My site is donalsmountainwalks.co.uk.
    This is the section of code I am trying to edit. Many thanks

    /* =Header
    -----------------------------------------------*/
    #branding {
    	margin-top: 15px;
    }
    .hgroup-wrap {
    	padding-top: 15px;
    	padding-bottom: 35px;
    }
    .hgroup-wrap a {
    	display: block;
    }
    #site-logo {
    	float: left;
    	margin-top: 32px;
    }
    #site-title
    	font: 26px 'Ubuntu', sans-serif;
    	line-height: 42px;
    }
    #site-title a {
    	color: #57ad68;
    	letter-spacing: -2px;
    }
    #site-title a img {
    	vertical-align: inherit;
    	max-width: 978px;
    
    }
    #site-title a span,#site-title a:hover,#site-title a:focus,#site-title a:active {
    	color: #439f55;
    }
    #site-description
    	font: 16px helvetica, sans-serif;
    	line-height: 20px;
    	color: #A51245;
    	font-weight: 200;
    }
    .hgroup-right {
    	float: right;
    	margin-top: 38px;

    The cause of many of your problems is a syntax error in one of your rules.

    This:

    #site-title
       font: 26px 'Ubuntu', sans-serif;
       line-height: 42px;
    }

    should be this:

    #site-title {
       font-family: 'Ubuntu', sans-serif;
       font-size: 26px;
       line-height: 42px;
    }

    That is, you’re missing an opening left brace on the rule (which is causing all following rules not to be recognized), and you should split up the individual font properties.

    As a side note, please open a new thread when asking a question, so the original poster doesn’t get unwanted notifications. Thank you.

    Thanks a million,, and at this time of night, especially… with all the copying and pasting I messed up but I should have noticed that.
    Thanks again
    I seem to have joined onto another thread,, sorry I meant to start a new one

    You’re welcome. Don’t forget to add the semicolon after the font-size property, looks like you left it off.

    Done, thanks again

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Theme: Travelify] – CSS titles and text fonts’ is closed to new replies.