Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1348904

    Karen
    Participant

    Howdy,
    is there a way of changing one single h6 into lowercase? Could I add some CSS not into global, but into the specific page associated Customizer? That would be great!

    regards, Karen

    #1348905

    Karen
    Participant
    This reply has been marked as private.
    #1349233

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You can simply assign a class to your headline text element (my-custom-lowercase) and then add the related CSS rule into your Customizer, Custom > CSS area.

    
    .my-custom-lowercase {
        text-transform: lowercase;
    }
    

    Hope that helps.

    #1349403

    Karen
    Participant

    Hi Darshana,

    thanks! Basically it works and looks the way I wanted – but I didn’t have one thing in mind: with that code all letters are lowercase now (of course), the first letters of my name as well and every noun which should begin with a capital letter.
    What could I do to achieve “normal” spelling in that h6, is there a way?

    Second little problem, I had “mtn” added to my h6 in the class field. There doesn’t seem to be a way to combine “mtn” and “my-custom-headline” in my class field, it’s either this one or that one?

    Thank you and regards
    Karen

    #1349456

    Christopher
    Moderator

    Hi there,

    Please update previous code to :

    .my-custom-lowercase {
        text-transform: capitalize;
    }

    You can add multiple classes to one element, classes should be separated by space.

    e.g :
    my-custom-headline mtn

    Hope it helps.

    #1349626

    Karen
    Participant

    Hi Christopher,

    almost there, thank you!
    Unfortunately I still can’t use the code, as every word starts with a capital now…
    and over here Verbs are lowercase, all Nouns start with Caps. πŸ˜‰
    What I would need is something to make those “mixed” sentences, is that possible?

    (multiple classes is working fine though, thanks)

    Regards, Karen

    +++ EDIT: I think I figured it out by myself: text-transform: none? πŸ™‚ πŸ™‚

    +++ EDIT ‘2: The h6 in question should be bold. I tried something I found in the forum:
    <span style=”font-weight: 700″>
    and added: font-weight: 700;
    in the style field, but it isn’t really bold. Just kind of a little boldish. What should I change?

    #1349866

    Nico
    Moderator

    Hi There,

    Try adding font-weight: bolder; let us know how it goes.

    For more font-weight value:

    font-weight: normal;
    font-weight: bold;
    
    font-weight: lighter;
    font-weight: bolder;
    
    font-weight: 100;
    font-weight: 200;
    font-weight: 300;
    font-weight: 400;
    font-weight: 500;
    font-weight: 600;
    font-weight: 700;
    font-weight: 800;
    font-weight: 900;
    
    font-weight: inherit;
    font-weight: initial;
    font-weight: unset;

    Let us know how it goes.

    Thanks.

    #1349934

    Karen
    Participant

    Hi Nico,

    thank you so much! Sorry to say: whatever I try and in any combination: no bold h6 turning up πŸ™

    span style=”font-weight: 900β€³ text text text </span> in the headline text field,
    font-weight: bold/bolder as well in the style field and as a try into the CSS customizer. No change whatsoever.
    Probably I’m doing something wrong, but what?

    Regards, Karen

    #1350231

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! The heading title is not turning bolder because you only loaded the normal Raleway font. Please select the bold font instead. http://prntscr.com/e22lce

    Hope this helps.

    #1350429

    Karen
    Participant

    Hi Rue Nel,

    oh I see. Just to get my thinking really straight after all that try and error yesterday:
    If I select the bold font in global customizer (to change the h6 in question into bold), that means, all my headings will be bold everywhere – unless I manually change heading after heading with “font-weight: 400;” to regular size – is that right?

    I guess that this effort is kind of disproportionate πŸ˜‰ Would that really be the only way?

    Thanks for your support and regards,
    Karen

    #1350443

    Christopher
    Moderator

    Hi there,

    Please let us know which heading should have bold font weight.

    Thanks.

    #1350465

    Karen
    Participant
    This reply has been marked as private.
    #1350534

    Paul R
    Moderator

    Hi Karen,

    You can add all font weights of Raleway font by adding the code below in your child theme’s functions.php file.

    
    function addstyle() { ?>
       <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <?php
    }
    add_action( 'wp_head', 'addstyle');
    

    You can then change your headings in any font weight you like.

    Hope that helps.

    #1350603

    Karen
    Participant

    Hi Paul,
    that sounds great and clear, thanks! I wouldn’t dare to go in my funkctions.php on my own, but fortunately a friend knows the procedure.

    Thanks again πŸ™‚ and regards, Karen

    #1350623

    Christian
    Moderator

    You’re welcome.