Subseven Posted March 14, 2021 Posted March 14, 2021 (edited) Can somebody help me to center up my header logo and to show it the correct size? I forgot how to do this. CLICK HERE to see what it's looking like. Edited March 14, 2021 by Subseven
Eudemon Posted March 14, 2021 Posted March 14, 2021 in your theme setting you have it set to 194% height, i'd say first work on that
Subseven Posted March 14, 2021 Author Posted March 14, 2021 (edited) 3 minutes ago, Eudemon said: in your theme setting you have it set to 194% height, i'd say first work on that Yeah. Just did that. Brought it to 99 and it's way small now. Still not centered either. Thanks. Edited March 14, 2021 by Subseven
Eudemon Posted March 14, 2021 Posted March 14, 2021 (edited) you have the header display set as flex, and justify-content between, meaning each element inside the flex container will take up all remainder space between the other element since you only have logo and then user nav, it will make logo all the way left and nav all the way right of parent element to make logo center, simply add an empty div before the <a> logo and give some width Edited March 14, 2021 by Eudemon
Subseven Posted March 14, 2021 Author Posted March 14, 2021 Thanks. I think I'm just going to try another theme for now.
Subseven Posted March 14, 2021 Author Posted March 14, 2021 (edited) 30 minutes ago, Eudemon said: you have the header display set as flex, and justify-content between, meaning each element inside the flex container will take up all remainder space between the other element since you only have logo and then user nav, it will make logo all the way left and nav all the way right of parent element to make logo center, simply add an empty div before the <a> logo and give some width So I switched themes and it's still like that. I guess it's the same setting? Can't find where to add the empty div. Can you point me there? Edited March 14, 2021 by Subseven
Subseven Posted March 14, 2021 Author Posted March 14, 2021 1 minute ago, Eudemon said: theme -> edit html -> globalTemplate That's where I am. Not sure where to put the edits. Need it centered and full size. <!DOCTYPE html> <html lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}"> <head> <meta charset="utf-8"> <title>{expression="output.getTitle( $title )"}</title> {{if settings.ipbseo_ga_enabled}} {setting="ipseo_ga"} {{endif}} {template="includeMeta" app="core" group="global" location="global" params=""} {template="includeCSS" app="core" group="global" location="global" params=""} {template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""} {template="favico" app="core" group="global" location="front" params=""} </head> <body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}} {{if isset( \IPS\Dispatcher::i()->dispatcherController ) AND !\IPS\Dispatcher::i()->dispatcherController->isContentPage }}data-nocontent{{endif}}> <a href='#ipsLayout_mainArea' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a> {{if !request.isApp()}} <div id='ipsLayout_header' class='ipsClearfix'> {template="updateWarning" app="core" group="global" params=""} <header> <div class='ipsLayout_container'> {template="logo" app="core" group="global" params=""} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}} {template="mobileNavigationIcon" app="core" group="global" params=""} </div> </header> {template="navBar" app="core" group="global" params=""} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}} </div> {{endif}} <main id='ipsLayout_body' class='ipsLayout_container'> <div id='ipsLayout_contentArea'> <div id='ipsLayout_contentWrapper'> {template="breadcrumb" app="core" group="global" params="'top'"} {template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"} <div id='ipsLayout_mainArea'> {advertisement="ad_global_header"} {template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}} {template="profileNextStep" group="global" app="core" params="$nextStep, true"} {{endif}} {template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"} {$html|raw} {template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"} </div> {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"} {template="breadcrumb" app="core" group="global" params="'bottom'"} </div> </div> {template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"} </main> {{if !request.isApp()}} <footer id='ipsLayout_footer' class='ipsClearfix'> <div class='ipsLayout_container'> {advertisement="ad_global_footer"} {template="footer" app="core" group="global" params=""} </div> </footer> {template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""} {template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"} {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} {template="viglink" if="settings.viglink_enabled" app="core" group="global" params=""} {template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""} {{endif}} <!--ipsQueryLog--> <!--ipsCachingLog--> {expression="output.endBodyCode" raw="true"} {{if !request.isApp()}} {{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}} <noscript> {$noscript|raw} </noscript> {{endif}} {{endif}} </body> </html>
Recommended Posts