-
AuthorPosts
-
June 11, 2018 at 4:57 pm #971293
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,
zizibe1June 12, 2018 at 8:55 pm #971837Hey 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,
VictoriaJune 13, 2018 at 1:35 pm #972281Hi 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,
zizibe1June 13, 2018 at 3:49 pm #972328This reply has been marked as private.June 15, 2018 at 4:27 am #973076Hi,
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,
VinayJune 15, 2018 at 4:21 pm #973376Hi 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, 6 months ago by zizibe1.
June 17, 2018 at 4:16 pm #973916Hi zizibe1,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaJune 17, 2018 at 4:19 pm #973919Hi 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,
zizibe1June 17, 2018 at 7:32 pm #974009Hi zizibe1,
Sorry about that.
Best regards,
Victoria- This reply was modified 6 years, 6 months ago by Victoria.
June 18, 2018 at 12:29 am #974055Hi 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,
zizibe1June 18, 2018 at 1:05 pm #974226Hi 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,
VictoriaJune 19, 2018 at 3:36 pm #974803Hi Victoria,
Thank you very much for the information.
You can close this thread now.
Best reagards,
zizibe1June 19, 2018 at 9:59 pm #974994Hi,
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 -
AuthorPosts
- The topic ‘Text between logo and menu’ is closed to new replies.