Home › Forums › Pro Themes › WEN Corporate Pro › header size and welcome widget

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 20, 2017 at 10:36 am #51247
    Hitesh
    Participant

    hello
    1)how can I control the total space occupied by the header; I appreciate that this will be dependent on logo size but even without a logo please help with adjusting the space taken up by the header.

    2) same as above, how can I control the space taken up by the welcome widget and also how can I change the font type and size of the welcome widget title as well as description and also the background colour of the title and the description.
    thanks

    August 21, 2017 at 2:21 am #51305
    wensolutions
    Keymaster

    Hello @hitesh ,

    To reduce the height of the header please use below given CSS .

    For this go to Admin panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .site-header {
    padding: 0px 15px 0px;
    }

    Similarly you can change the overall font of the site by going to Admin Panel > Appearance > Customize > Theme Options > Font Family Options . But if you want to change the font of particular welcome widget you can paste below given CSS in Additional CSS .

    .wen_corporate_welcome_widget {
    
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 14px;
    
}

    Now to change the size of the welcome widget use below given CSS.

    .wen_corporate_welcome_widget {
    padding: 5px 18px;
   
}

    You can change the font and size as per your requirement .

    To change the color of the widget go to Customize > Color options > Home Widget Color options and change the color of background.

    Hope this helps.

    Best Regards!!

    August 22, 2017 at 8:47 am #51449
    Hitesh
    Participant

    thank you very much – very helpful.
    I am still unable to change the text size of the welcome title box – this is where the actual word welcome is; with the code you have kindly provided, I am able to control the size of the description but not the title.
    also, with the color options in the link you have provided, I am not able to change the background colour of the welcome widget which is currently blue.
    any help would be much appreciated.

    August 22, 2017 at 11:53 pm #51504
    wensolutions
    Keymaster

    Hello @gudkashah,

    To manage the size of the welcome widget title and change the background color use below given CSS.

    #wen-corporate-welcome-5 .widget-title {
    font-size: 25px;   
}

#sidebar-front-page-widget-area .widget.wen_corporate_welcome_widget {
    background: #77a464 none repeat scroll 0 0;
   }

    You can adjust the color code and size according to your requirement .

    Hope this helps.

    Best Regards!!

    August 26, 2017 at 5:35 am #51784
    Hitesh
    Participant

    Thank you very much. The code for changing colour works beautifully -thank you! But the size code has no impact – the “welcome” title is unresponsive! I hope you can offer alternative code.

    August 27, 2017 at 12:03 am #51830
    wensolutions
    Keymaster

    Hello @gudkashah,

    Please add in the following custom CSS to change the title font size of the Welcome Widget.

    .wen_corporate_welcome_widget .widget-title {
    font-size: 25px!important;
}

    You can adjust the font size value as per your requirements.

    Hope this Helps,

    Best Regards !!

    August 28, 2017 at 5:20 pm #51914
    Hitesh
    Participant

    thank you very much – that seems to work!

    August 29, 2017 at 12:12 am #51936
    wensolutions
    Keymaster

    Hello @gudkashah,

    Glad to know your issues has been resolved. 🙂

    If you have any queries further, please let us know your queries and we will happily help you further.

    Best Regards !!

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