Add Banner next to Logo Protostar template.

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
clu55ter
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Fri May 29, 2009 8:34 pm
Location: Bolton UK
Contact:

Add Banner next to Logo Protostar template.

Postby clu55ter » Sat Oct 21, 2017 4:38 pm

Joomla 3.8.1 using the Protostar default template.

Hi can anyone tell me how I can add a banner across the top next to the logo on protostar template I tried to edit the search position so that it aglines left next to the logo but that didn't work it appears under the logo instead.

Thanks in advance.

screenshot-localhost-.png
You do not have the required permissions to view the files attached to this post.

User avatar
olegK
Joomla! Apprentice
Joomla! Apprentice
Posts: 21
Joined: Sat Oct 14, 2017 2:37 am
Location: UA

Re: Add Banner next to Logo Protostar template.

Postby olegK » Sun Oct 22, 2017 8:22 am

/templates/protostar/index.php

Code: Select all

<div class="header-search pull-left left_search">
                  <jdoc:include type="modules" name="position-0" style="none" />
               </div>
               <div class="header-search pull-right">test
                  <jdoc:include type="modules" name="position_banner" style="none" />
               </div>
            </div>

Add a style into /templates/protostar/css/template.css

Code: Select all

.left_search {margin-left:12px;}

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 23673
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: Add Banner next to Logo Protostar template.

Postby Per Yngve Berg » Sun Oct 22, 2017 9:01 am

Mod. Note: Relocated the topic to the Templates Forum.

Add a spanX class to the elements to limit the width so they fit on one line. Each X is 1/12 of the column width.

http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Code: Select all

<div class="header-search span3">
                  <jdoc:include type="modules" name="position-0" style="none" />
               </div>
               <div class="header-search span9">
                  <jdoc:include type="modules" name="position_banner" style="none" />
               </div>
            </div>

clu55ter
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Fri May 29, 2009 8:34 pm
Location: Bolton UK
Contact:

Re: Add Banner next to Logo Protostar template.

Postby clu55ter » Wed Oct 25, 2017 7:48 am

Thank you for the response Per Yngve Berg but unfortunately, this hasn't worked for me, seems to have thrown out the template CSS. Please see the screenshot of the frontend.

screenshot-localhost-2017-10-25-07-40-03-489.jpg
You do not have the required permissions to view the files attached to this post.

Carlos_Mendez
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Wed Sep 06, 2017 4:17 pm

Re: Add Banner next to Logo Protostar template.

Postby Carlos_Mendez » Sat Nov 04, 2017 9:21 pm

You shouldn't modify template.css. instead create a user.css file and do you css overrides or definitions theres.

User.css file should be located in the css folder of the protostar template.


Return to “Templates for Joomla! 3.x”

Who is online

Users browsing this forum: No registered users and 4 guests