Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1335450

    Hi there,

    I always want to add a caption under the pictures on the page https://www.netboom.de. I could do that with the H6 now. I have adjusted the H6 for this. But the customer wants it to be normal text. So how can I format text / captions to make it look like this?

    Best regards,
    Martin

    #1335501

    Hey Martin,

    I’m not sure which text you are referring to exactly, could you try to explain your intentions a bit further please?

    Best regards,
    Rikard

    #1335535

    Certainly. Have a look at https://www.netboom.de/dienstleistungen/netzwerke-und-ipsurveillance/
    Below the header image is “© mobile connect with security camera – stock.adobe.com”. This font is different from the body text, it is a caption. It is now defined as H6, but I want it not to be H6, but a normal font. How can I define a caption?

    #1335542

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    .avia_textblock h6, .avia_textblock h6 a {
        font-size: 16px;
        color: #666666;
    }

    Best regards,
    Rikard

    #1335545

    Unfortunately you misunderstood me. It’s designed as an H6. But it should be a text that is not marked as H6. So as normal text with special information such as size and color.

    #1335548

    Or different. I want to define a font. So that I can use a different font under pictures. How do I do that?

    #1335557

    Hi,

    Thanks for the update. It looks like you have added that directly in a text block element? If so then you can change the markup directly in there. If you want to change the font family, then please try adding a class to the text block element. It makes it easier to target the correct text.

    Best regards,
    Rikard

    #1335560

    Forget my question, otherwise we won’t get any further. How can I add another one to my font classes. Now, when I select some text, I have the options: Paragraph, Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6, and Preformatted. There I would like to have another selection with e.g. “Caption”. I probably have to do something with the CSS styles. But I don’t know what and where to do what. So I need precise instructions.

    #1335597

    Hi,

    That is the default WordPress editor, and I’m not sure how to extend that with further tags unfortunately. You might be able to find a plugin which does that for you though. It might be easier if you simply add the markup yourself though:

    <caption>This is my caption</caption>

    You can then style it with CSS of your choice.

    Best regards,
    Rikard

    #1335606

    Does that mean that you can’t define font formats? I think you still don’t know what I want. As an example, I would like a normal 18-point continuous text font, then a 16-point gray font, then a 12-point font in orange. I want to create these centrally and then be able to select them in the pages. As is the case with headings 1 through 6. I can also select these and I can define them precisely beforehand.

    #1335655

    Hi,

    If I don’t know what you want, then please try to explain your intentions a bit further.

    Best regards,
    Rikard

    #1336219

    I wrote exactly what I would like. I would like three fonts, one with 18 points in black, one with 16 points in gray and one in orange.
    When I then edit a text, I would like to be able to choose between the three defined text types. To do this, I highlight a word or phrase and then choose a different font definition, e.g. the 16-point gray version

    #1336284

    Hi,

    Thanks for the update. There’s no way of doing that using presets in the default editor as far as I know, you would have to use classes in your markup for example:

    <p class="black-18">Black 18 content</p>
    
    <p class="gray-16">Gray 16 content</p>

    Then add this CSS to Quick CSS:

    .black-18 {
      font-size: 18px;
      color: #000;
    }
    
    .gray-16 {
      font-size: 16px;
      color: #ddd;
    }

    Best regards,
    Rikard

    #1336505

    Thank you, now it works. I would have preferred it to be something that you can choose from, but if you can’t, then so be it.
    Can you actually create different link optics. So one link with 18 points in black and one link with 13 points in orange?

    #1336517

    Hi,

    Thanks for the update. You can add as many CSS classes as you wish, just remember to give them unique names:

    .orange-13 {
      font-size: 13px;
      color: #ff0000;
    }

    Best regards,
    Rikard

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.