50% Discount! CODE:SUMMER50 Grab Offer →

Arrow up
Arrow down
  1. Forum
  3. Joomla 3.x | 4.x Templates
  5. Templates Support
  7. ..::Jomi::.. - Responsive Joomla Template
  9. Header edit and module width
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

question-circle Header edit and module width

7 years 10 months ago - 7 years 10 months ago #903 by Stiliyan Baltadzhiev
Header edit and module width was created by Stiliyan Baltadzhiev
Hello,

How to remove the Logo and quote area at the top of my website? I want the most upper thing to be just the navigation menu for cleaner design.


Also i want to make some custom html modules with full width background image like this evernote.com/ (scroll to the "One workspace" section and below), but the template keeps resizing that background image to 1100px wich is my normal website width.


  • Posts: 14

  • Gender: Unknown
  • Birthdate: Unknown
    • Attachments:
    Last edit: 7 years 10 months ago by Stiliyan Baltadzhiev. Reason: adding info

    Please Log in to join the conversation.

    7 years 10 months ago - 7 years 10 months ago #904 by __Mike__
    Replied by __Mike__ on topic Header edit and module width
    Hello,

    If you wanna remove logo and 'quote area' Headerbar please just unpublish Modules
    or delete block-header styles/jomi/layouts/template.php
    <div id="block-header">	
	<div class="wrapper grid-block">

		<header id="header" class="clearfix">

			<div id="headerbar" class="clearfix">
			
				<?php if ($this['modules']->count('logo')) : ?>	
				<a id="logo" href="<?php echo $this['config']->get('site_url'); ?>"><?php echo $this['modules']->render('logo'); ?></a>
				<?php endif; ?>
				
				<?php if($this['modules']->count('headerbar')) : ?>
				<div class="left"><?php echo $this['modules']->render('headerbar'); ?></div>
				<?php endif; ?>
				
			</div>
	</div>
</div>

    Adding a fullscreen width position look at Bottom A1 just delete fixed and you have got full width background image.

    WebKomp, Support
    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".


  • Posts: 1585

  • Gender: Male
  • Birthdate: Unknown
    • Last edit: 7 years 10 months ago by __Mike__.

    Please Log in to join the conversation.

    7 years 10 months ago #913 by Stiliyan Baltadzhiev
    Replied by Stiliyan Baltadzhiev on topic Header edit and module width
    Thank you for the answer. I need to create several such backgrounds wich will be different with different elements in their foregrounds. How can i copy the "slideshow" position and create several new positions (for example: slideshow1, slideshow2, slideshow3) to have several different full width backgrounds?


  • Posts: 14

  • Gender: Unknown
  • Birthdate: Unknown

    • Please Log in to join the conversation.

    7 years 10 months ago - 7 years 10 months ago #914 by __Mike__
    Replied by __Mike__ on topic Header edit and module width
    Go to styles/jomi/layouts/template.php
    add code and rename slideshow into "slideshow1"

    Create a new module position 

    <?php if ($this['modules']->count('slideshow')) : ?>
	<div id="block-slideshow">
		<div class="wrapper <?php if($this['config']->get('block-slideshow')) echo 'max-width'.$this['config']->get('block-slideshow'); ?>">

			<section id="slideshow" class="grid-block"><?php echo $this['modules']->render('slideshow', array('layout'=>$this['config']->get('slideshow'))); ?></section>
	
		</div>
	</div>
	<?php endif; ?>


    WebKomp, Support
    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".


  • Posts: 1585

  • Gender: Male
  • Birthdate: Unknown
    • Last edit: 7 years 10 months ago by __Mike__.

    Please Log in to join the conversation.

    7 years 10 months ago #925 by Stiliyan Baltadzhiev
    Replied by Stiliyan Baltadzhiev on topic Header edit and module width
    At my site - cgravity.com/ the man is the background of a module wich in turn is in the slideshow position. There is a little top and bottom margin to keep the module from the edge of the bacground. While the top margin is useful for me, the bottom one makes the man's stomach look unnaturaly cut. I want no bottom margin for the modules i put in the slideshow position. How to remove it?


  • Posts: 14

  • Gender: Unknown
  • Birthdate: Unknown

    • Please Log in to join the conversation.

    7 years 10 months ago #929 by Stiliyan Baltadzhiev
    Replied by Stiliyan Baltadzhiev on topic Header edit and module width
    I found it myself.


  • Posts: 14

  • Gender: Unknown
  • Birthdate: Unknown

    • Please Log in to join the conversation.

    1. Forum
    3. Joomla 3.x | 4.x Templates
    5. Templates Support
    7. ..::Jomi::.. - Responsive Joomla Template
    9. Header edit and module width

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.