Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 13, 2022 at 4:38 pm #1335450
    Martin

    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

    January 14, 2022 at 5:06 am #1335501
    Rikard

    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

    January 14, 2022 at 9:49 am #1335535
    Martin

    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?

    January 14, 2022 at 10:53 am #1335542
    Rikard

    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

    January 14, 2022 at 11:07 am #1335545
    Martin

    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.

    January 14, 2022 at 11:19 am #1335548
    Martin

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

    January 14, 2022 at 12:00 pm #1335557
    Rikard

    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

    January 14, 2022 at 12:12 pm #1335560
    Martin

    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.

    January 14, 2022 at 2:11 pm #1335597
    Rikard

    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

    January 14, 2022 at 3:36 pm #1335606
    Martin

    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.

    January 15, 2022 at 7:09 am #1335655
    Rikard

    Hi,

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

    Best regards,
    Rikard

    January 19, 2022 at 3:41 pm #1336219
    Martin

    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

    January 20, 2022 at 4:36 am #1336284
    Rikard

    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

    January 21, 2022 at 9:32 am #1336505
    Martin

    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?

    January 21, 2022 at 10:47 am #1336517
    Rikard

    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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.