Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 11, 2018 at 4:57 pm #971293
    zizibe1

    Hi,

    I would like to add the text “advertising agency” between the logo and the menu in the header (logo left, advertising agency, menu right). Horizontally, “advertising agency” should be at the same height as the logo and the menu. Below “advertising agency” and vertically at the same height, there should be a single text column with 75% width. How do I do that?

    Best regards,
    zizibe1

    June 12, 2018 at 8:55 pm #971837
    Victoria

    Hey zizibe1,

    You can insert the widget area in the header and add the text widget in there. Here is how to do it:
    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

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

    June 13, 2018 at 1:35 pm #972281
    zizibe1

    Hi Victoria,

    Thank you for your reply.

    I went to Appearance > Editor > and added this to the bottom of my functions.php file:

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

    Now this warning appears:

    There are 15 errors which must be fixed before you can update this file.

    What did I wrong?

    Best regards,
    zizibe1

    June 13, 2018 at 3:49 pm #972328
    zizibe1
    This reply has been marked as private.
    June 15, 2018 at 4:27 am #973076
    Vinay

    Hi,

    Steps to add the function code:

    1. Go to Appearance > Editor in your WordPress dashboard.
    2. Select the correct theme or child theme from the select theme option on top.
    3. After selecting the correct theme, you may notice a lot more files depending on the theme you have. Browse the file “Theme Functions” or “functions.php”. ( You can also use an FTP client and navigate to wp-content\themes\enfold-child\functions.php )
    4. Add the code to the bottom of the functions.php file as shown in the below example.

    Then the below CSS was added to your child theme’s style.css file:

    CSS Snippet:

    
/* Display tag line widget */
#top #header #header_main .inner-container .widget {
    order:2;
    margin-right: auto;
    padding:0;  

    /* Vertical align */
    display: flex;
    align-items: center;

    /* Text style*/
    font-size: 9px;
    line-height: 0;
    text-transform: uppercase;
    letter-spacing: .35em;
    color: #000;
}

    I have disabled the CSS and JS merging to avoid caching issue please enable it when you are done with the modification.

    NOTE: There is no easy way to place the text exactly at the start of the paragraph as you mentioned. Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    June 15, 2018 at 4:21 pm #973376
    zizibe1

    Hi Vinay

    Thank you for your reply and the all the information. I appreciate it a lot.

    Questions:

    1. I went to Appearance > Editor > Select theme to edit: Enfold Child > Select > Stylesheet > Widget text style > Text style > letter-spacing: 2.0em; (instead of 0.35em;) > Update File and then hard refresh in Chrome by pressing shift and clicking on the refresh button (Mac), but I can’t see the changes on my website. What did I wrong?

    2. I would like to move the “advertising agency” a little bit upwards. How can I do this?*

    *Edit: I already found a solution by myself. To move the “advertising agency” a little bit upwards, I added the code below to Text Style:

    position:relative; top:-2px;

    Best regards
    zizibe1

    • This reply was modified 6 years, 3 months ago by zizibe1.
    June 17, 2018 at 4:16 pm #973916
    Victoria

    Hi zizibe1,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 17, 2018 at 4:19 pm #973919
    zizibe1

    Hi Victoria,

    Yes, please answer my 1. question:

    I went to Appearance > Editor > Select theme to edit: Enfold Child > Select > Stylesheet > Widget text style > Text style > letter-spacing: 2.0em; (instead of 0.35em;) > Update File and then hard refresh in Chrome by pressing shift and clicking on the refresh button (Mac), but I can’t see the changes on my website. What did I wrong?

    Best regards,
    zizibe1

    June 17, 2018 at 7:32 pm #974009
    Victoria

    Hi zizibe1,

    Sorry about that.

    Best regards,
    Victoria

    • This reply was modified 6 years, 3 months ago by Victoria.
    June 18, 2018 at 12:29 am #974055
    zizibe1

    Hi Victoria,

    Yes, that’s it. The code I added to the Quick CSS in Enfold Child > General Styling seems to overwrite the code in the Stylesheet in Appearance > Editor.

    Thank you very much for your reply.

    Best regards,
    zizibe1

    June 18, 2018 at 1:05 pm #974226
    Victoria

    Hi zizibe1,

    It does not matter where you put it, the !important makes it override all the code that is applied to the same element.

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

    June 19, 2018 at 3:36 pm #974803
    zizibe1

    Hi Victoria,

    Thank you very much for the information.

    You can close this thread now.

    Best reagards,
    zizibe1

    June 19, 2018 at 9:59 pm #974994
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Text between logo and menu’ is closed to new replies.