Hello,
when i add the search box
{% include 'partials/simplesearch_searchbox.html.twig' %}
in the Top of my Page the Box size is very long.
Where i can change the size to 300px width and 12px height?
thx
Community guidelines
Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.
Hello,
when i add the search box
{% include 'partials/simplesearch_searchbox.html.twig' %}
in the Top of my Page the Box size is very long.
Where i can change the size to 300px width and 12px height?
thx
If you use the provided stylesheet and searchbox template it should be enough to override / extend the corresponding selector :
.search-wrapper .search-input .
@interface:
{% include 'partials/simplesearch_searchbox.html.twig' %}
Thank you, i found it in the simplesearch.css
But now when i put it in the navigation.html.twig
{% include 'partials/simplesearch_searchbox.html.twig' %}
{% macro loop(page) %}
{% for p in page.children.visible %}
{% set current_page = (p.active or p.activeChild) ? 'active' : '' %}
{% if p.children.visible.count > 0 %}
<li class="has-children {{ current_page }}">
<a href="{{ p.url }}">
{% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
{{ p.menu }}
<span></span>
</a>
<ul>
{{ _self.loop(p) }}
</ul>
</li>
{% else %}
<li class="{{ current_page }}">
<a href="{{ p.url }}">
{% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
{{ p.menu }}
</a>
</li>
{% endif %}
{% endfor %}
{% endmacro %}
<ul class="navigation">
{% if theme_config.dropdown.enabled %}
{{ _self.loop(pages) }}
{% else %}
{% for page in pages.children.visible %}
{% set current_page = (page.active or page.activeChild) ? 'active' : '' %}
<li class="{{ current_page }}">
<a href="{{ page.url }}">
{% if page.header.icon %}<i class="fa fa-{{ page.header.icon }}"></i>{% endif %}
{{ page.menu }}
</a>
</li>
{% endfor %}
{% endif %}
{% for mitem in site.menu %}
<li>
<a href="{{ mitem.url }}">
{% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
{{ mitem.text }}
</a>
</li>
{% endfor %}
{% if config.plugins.login.enabled and grav.user.username %}
<li><i class="fa fa-lock"></i> {% include 'partials/login-status.html.twig' %}</li>
{% endif %}
</ul>
The Menue jump in the next line.
Also it scrolls down.
cu
Somebody have any Idea?
Log in to reply.
| Topic | Participants | Replies | Views | Activity |
|---|---|---|---|---|
| 2 | 54 | 11 hours ago | ||
| 2 | 60 | 14 hours ago | ||
| 1 | 30 | 15 hours ago | ||
| 2 | 65 | 5 days ago | ||
| 2 | 57 | 5 days ago |