Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 1, 2020 at 5:15 pm #1208880
    tremblayly

    Hi
    I have followed the instructions to add my text next to my image logo. I used the default code snippets to at least have something displayed, but even tht doesn’t work.

    I have the following code snippet setup:
    // Header widget area
    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }
    I have the following “header logo text” widget setup:
    <table>
    <tbody>
    <tr>
    <td style=”text-align: center;”>
    <h1><span style=”color: #760008; font-size: 40px; font-family: ‘Palace Script TM’, Georgia, ‘serif’;”>The Curry Queen™</span></h1>
    <h3><span style=”color: #760008; font-size: 40px; font-family: ‘Palace Script TM’, Georgia, ‘serif’;”>”Easy gourmet never tasted so good”</span></h3>
    </td>
    <td>The Curry Queen&trade™</td>
    </tr>
    </tbody>
    </table>

    I have the css setup as instructed here: https://kriesi.at/documentation/enfold/example-of-widget-left-logo-left-menu-right/#toggle-id-2

    Nothing displays at all.
    My site is in development and I have included login credentials and URL below so you can see what I have setup, hands-on.

    Thank you
    Lyse

    May 1, 2020 at 9:52 pm #1208970
    Mike

    Hey tremblayly,
    Please include additional login info for the .htaccess login.

    Best regards,
    Mike

    May 1, 2020 at 9:56 pm #1208972
    tremblayly

    Add in private content

    May 1, 2020 at 11:14 pm #1209001
    Mike

    Hi,
    Sorry, I meant that there is an additional “sign in” popup on the page that I need login info for.

    Best regards,
    Mike

    May 1, 2020 at 11:35 pm #1209005
    tremblayly

    Oh OK
    See private content

    May 2, 2020 at 11:00 am #1209078
    Mike

    Hi,
    Thanks, I found that your header widget was named “Header Logo Text” instead of “header” I corrected, and now your header widget shows.
    Please clear your browser cache and check.

    Best regards,
    Mike

    May 2, 2020 at 4:48 pm #1209112
    tremblayly

    Hi Mike,
    I see it now. I have lots to fix to make it look good.
    Thank you
    Lyse

    May 2, 2020 at 5:53 pm #1209119
    tremblayly

    Hi Mike,
    In the text widget I have:
    <h1 style=”color:#760008;font-size: 72pt; font-family: “Palace Script MT”, Georgia; font-weight: normal;”>The Curry Queen™</h1><br />
    <h3 style=”color:#760008;font-size: 36pt;text-indent:25px;font-family: “Palace Script MT”, Georgia;font-weight: normal;”>“ Easy gourmet never tasted so good”</h3>
    How do I get the font family to be Palace Script MT?
    How can I get a transparent background when in transparent mode?

    Thanks
    Lyse

    May 2, 2020 at 9:04 pm #1209148
    Mike

    Hi,
    The widget area “header” didn’t have the font-family: 'palace-script-mt'; added, the widget area “Header Logo Text” did, I think you edited the wrong one by mistake. I added it for you, please clear your browser cache and check.

    Best regards,
    Mike

    May 2, 2020 at 9:43 pm #1209151
    tremblayly

    Hi Mike,
    Another issue is that the line spacing between the company name and tagline is way to big. I tried adding line-spacing CSS but nothing changes.

    I also need to add a “lady bee” icon: https://thecurryqueen.ca/wp-content/uploads/Curry-Queen.png next to the TM symbol (so it ends up looking like this: https://thecurryqueen.ca/wp-content/uploads/header-transparent-bg.png when its done. Do I add another widget for the “lady bee”?

    Thanks
    Lyse

    May 2, 2020 at 9:55 pm #1209153
    tremblayly

    …one more thing….how do I get rid of the white background when viewing the header transparency?

    May 2, 2020 at 10:40 pm #1209159
    Mike

    Hi,
    Why not use the transparent image you just posted in the widget and not the HTML? Then the text will be correct and you will have the “lady bee” in the correct position.

    Best regards,
    Mike

    May 2, 2020 at 11:02 pm #1209165
    tremblayly

    Hi Mike,
    Because the text looks blurry using the PNG file
    Thanks
    Lyse

    May 2, 2020 at 11:38 pm #1209173
    Mike

    Hi,
    Ok, to have a transparent background try this css:

    #text-6,#text-6 .textwidget {
	background: transparent !important; 
}

    Best regards,
    Mike

    May 2, 2020 at 11:54 pm #1209176
    tremblayly

    Hi Mike

    That works well, but not the right color of the font for the transparent background. The text needs to be white there…..

    Thanks
    Lyse

    May 3, 2020 at 3:33 am #1209208
    tremblayly

    Hi Mike,

    I think the issue with the text color is because of the overlay colors being used in the them demo I imported.

    I temporarily fixed the text closer together by adding margin-top:-40px; to the <h3>. However, this does not work when in responsive mode. Do you have any suggestions how I can do this?

    I also added the following CSS to the logo container so the navigation menu would not gt wrap to the next line (but this may also be an issue with responsive mode):
    .container.av-logo-container {
    margin-left: 200px!important;
    padding-left: 0!important;
    max-width: 85%!important;
    }

    Thank you
    Lyse

    May 3, 2020 at 12:15 pm #1209258
    Mike

    Hi,
    This css makes the background transparent and the text white when the header is transparent, after scroll when the header appears the text returns to its red color.

    #header.av_header_transparency #text-6 .textwidget h1,#header.av_header_transparency #text-6 .textwidget h3 {
	color: #fff !important;
}
#text-6,#text-6 .textwidget {
	background: transparent !important; 
}

    Best regards,
    Mike

    May 3, 2020 at 5:02 pm #1209307
    tremblayly

    Hi Mike,
    That is exactly what I wanted. Thank you so very much for all of your patience and help.
    Your rock!
    Lyse

    May 3, 2020 at 5:05 pm #1209309
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Widget Text Area in Header’ is closed to new replies.