Hiding Dashboard Elements - News, Demo Button etc.

[Maryando]

Hi Guys!

I would like to hide some elements on dashboard. I have the version 1.7.6.1.

I already successfully hide full news column, containing dash_news panel, dash_version and dash-links panel by commenting it here: \ADMIN\themes\default\template\controllers\dashboard\helpers\view\view.tpl 

{* <div class="col-md-12 col-lg-2">
			<section class="dash_news panel">
				<h3><i class="icon-rss"></i> {l s='PrestaShop News' d='Admin.Dashboard.Feature'}</h3>
				<div class="dash_news_content"></div>
				<div class="text-center"><h4><a href="http://www.prestashop.com/blog/" onclick="return !window.open(this.href);">{l s='Find more news' d='Admin.Dashboard.Feature'}</a></h4></div> 
			</section>
			<section id="dash_version" class="visible-lg">
				<iframe style="overflow:hidden;border:none" src="{$new_version_url|escape:'html':'UTF-8'}" ></iframe>
			</section>
			<section class="dash_links panel">
				<h3><i class="icon-link"></i> {l s="We stay by your side!" d='Admin.Dashboard.Feature'}</h3>
					<dl>
						<dt><a href="{$help_center_link}" class="_blank">{l s="Help Center" d='Admin.Global'}</a></dt>
						<dd>{l s="Documentation, support, experts, training... PrestaShop and all of its community are here to guide you" d='Admin.Dashboard.Feature'}</dd>
					</dl>
					<dl>
						<dt><a href="https://addons.prestashop.com?utm_source=back-office&amp;utm_medium=links&amp;utm_campaign=addons-{$lang_iso}&amp;utm_content=download17" class="_blank">{l s="PrestaShop Marketplace" d='Admin.Dashboard.Feature'}</a></dt>
						<dd>{l s="Traffic, conversion rate, customer loyalty... Increase your sales with all of the PrestaShop modules and themes" d='Admin.Dashboard.Feature'}</dd>
					</dl>
			</section>
		</div> *}

And I would like to:

1. Remove the DEMO BUTTON and HELP at the top right corner

2. Remove the block at the top left "connect with PrestaShop" (but just this block/panel not full column) 

3. Expand the central column to 75%

 

So what I did is some custom CSS for the demo button and help block

.bootstrap .page-head .toolbarBox .btn-toolbar .toolbar_btn {
    display: none;
}

and additional CSS for expanding the central column (called hookDashboardZoneTwo) upto 75% as the third column already gone. 

.bootstrap .col-lg-7 {
    width: 75%;
}

But inserting the CSS in this location:  themes/classic/assets/css/custom.css is not working (I'm using default theme) so could you guys advise me where is the best place to insert this custom css or maybe I'm doing something wrong? 

And also I can't figure it out how to remove this column described in No.2? 

I will really appreciate any help on this. 

Best Regards. 

 

 

[Maryando]

Anyone please? 

[PCQUATRO]

You could try to append that CSS code to the end of the themes.css at /admin/themes/default/public/themes.css with the !important flag, or you could try to put in /admin/themes/default/css/override.css witch states the following...

"/* This stylesheet should be used to add your custom styles to the back-office without using the Sass sources. It will be loaded after all the default styles. 
You should NOT edit any other exisiting back-office CSS file manually: they are generated by the Sass preprocessor: http://www.sass-lang.com/ . */"

Best Regards

[Maryando]

PCQUATRO Thanks!

override.css seams to have a bit more power when comes to the Dashboard. I thought that adding CSS anywhere will still works but I was wrong  

Thanks so much my dashboard is perfectly clean of adverts, advises, tricks and unnecessarily notifications!

Have a great day I was just thinking that this forum is dead  hahah

Best Wishes! 

 

[BarraHome]

On 11/1/2019 at 7:42 AM, Maryando said:

.bootstrap .page-head .toolbarBox .btn-toolbar .toolbar_btn { display: none; }

You need to add !important on the end to override another css set.

[Maryando]

Yes I did of course before I asked anything here, but it is not working from the this style sheet here:

/themes/your_theme/assets/css/custom.css

It works here:

 /admin/themes/default/css/override.css

even without "!important"

But solved now. Many thanks guys!

[Maryando]

One more thing I'm struggling the most is how to disable the back office PrestaShop logo and version displayed at top left? This one is a nightmare, I've tried everything:( 

#header_logo  {
	display:none!important; 
}
#shop_version {
	display: none!important; 
}

This codes above works well, but not at every page which is wired and the logo together with shop version is displayed at the other sections like INVOICES or MODULE MANAGER.

I can change the logo by replacing the files but there is still version displayed. Do you know guys which file is responsible for displaying the version and how to block the logo totally from displaying? 

[PCQUATRO]

I don´t see why would you want to hide that, it´s very discrete on the page, and it pays some tribute to the people that develop this peace of software...

Anyway you can allways coment this lines...

      <a id="header_logo" class="logo float-left" href="{$default_tab_link|escape:'html':'UTF-8'}"></a>
      <span id="shop_version">{$ps_version}</span>

and

      <a id="header_logo" href="{$default_tab_link|escape:'html':'UTF-8'}"></a>
      <span id="shop_version">{$ps_version}</span>

Best Regards

[Maryando]

I agree however my friend I'm building the store for whats his logo there and shop version next to the logo looks wired. 

Thanks so much it works great! You are the man! 

Best Wishes!