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

    I have 2 questions.
    1. At present, there are only logo pictures on the website. I want to add custom Text text on the right side of logo
    2. If you change the background color of Header Title and Breadcrumbs, it’s black at present. I want to change it to grey.
    3-1

    #1059515

    Hey jack000486,

    Thank you for writing to us.

    1. To add a logo sub text please check the below link

    2. To change the header background color please refer to the below link

    Let us know if you have any questions.

    Best regards,
    Vinay

    #1059920

    Thanks a lot.
    I want to list “Ultrasonic Anemometer Home”. But Now list:
    “Ultrasonic
    Anemometer
    Home”
    /* CSS – Subtext on right */

    #top .logo,
    #top .logo a {
    overflow: visible;
    }
    CSS below:
    /* Subtext styling */
    .logo .subtext h1 {
    font-size: 25px;
    color: #239ff7;
    width: 120%;
    top: 60%;
    right: 20;
    }

    .logo .subtext {
    position: absolute;
    color: #239ff7;
    top: 60%;
    width: 120%;
    right: 0;
    transform: translate(120%, -50%);
    z-index: 999;
    }

    4-1

    #1061383

    Hi,

    Sorry for the late reply. I’m not 100% sure I understand what you are looking to do, maybe you are looking to add a widget area to the header? https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    #1061406

    My intention is very simple. I want to let the text on the right side of Logo emit horizontally, but now it emits vertically. How to adjust it?

    #1061957

    Hi,

    Thanks for the clarification, could you post a link to where we can see the element in question so that we can have a closer look?

    Best regards,
    Rikard

    #1062221

    Please check the infomation below.

    #1062460

    Hi,

    Thank you for sharing the details.

    Please change the width to 400px. Your code should look like:

    .logo .subtext h1 {
        font-size: 25px;
        color: #239ff7;
        width: 400px;
        top: 60%;
        right: 20;
    }

    Best regards,
    Vinay

    #1063794

    Thanks a lot.
    When i arrange it as you said. The desktop website is okey. Butmobile website is not well.
    8-2
    8-1

    #1064658

    Hi jack000486,

    Best regards,
    Victoria

    #1064943

    Could i remove the text on the mobile website and stay it on the desktop website?
    Or could you tell me the best way?

    #1066186

    Hi,

    Yes, that is possible. Just replace the previous modification with the following css code.

    @media only screen and (min-width: 1024px) {
    .logo .subtext h1 {
        width: 400px;
    }
    }
    
    @media only screen and (max-width: 1024px) {
    .logo .subtext {
        display: none;
    }
    }

    That code is going to adjust the subtext width on desktop or larger screens and remove it on mobile view.

    Best regards,
    Ismael

    #1066531

    Thanks a lot. You are the person I admire most. Can you tell me how to contact you directly?
    The most effective responder

    #1066532

    If possible. Ismael. Please help me check this one.

    WooCommerce Product Page Display Error

    #1067086

    Hi jack000486,

    Glad we could help :)

    A moderator already replied to you in that other thread.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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