How can i change size logo?

uthmanpantina13

September 5, 09:15 AM

How can i change size on logo in this code

		<div class="navbar-identity p-sm-0">
			{{-- Logo --}}
			<a href="{{ url('/') }}" class="navbar-brand logo logo-title">
				<img src="{{ imgUrl(config('settings.app.logo', config('larapen.core.logo')), 'logo') }}" class="main-logo" />
			</a>
			{{-- Toggle Nav (Mobile) --}}
			<button class="navbar-toggler -toggler float-end"
					type="button"
					data-bs-toggle="collapse"
					data-bs-target="#navbarsDefault"
					aria-controls="navbarsDefault"
					aria-expanded="false"
					aria-label="Toggle navigation"
			>
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30" focusable="false">
					<title>{{ t('Menu') }}</title>
					<path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"></path>
				</svg>
			</button>
			{{-- Country Flag (Mobile) --}}
			@if (request()->segment(1) != 'countries')
				@if (isset($multiCountriesIsEnabled) && $multiCountriesIsEnabled)
					@if (!empty(config('country.icode')))
						@if (file_exists(public_path() . '/images/flags/24/' . config('country.icode') . '.png'))
							<button class="flag-menu country-flag d-block d-md-none btn btn-secondary hidden float-end" href="#selectCountry" data-bs-toggle="modal">
								<img src="{{ url('images/flags/24/'.config('country.icode').'.png') . getPictureVersion() }}"
									 alt="{{ config('country.name') }}"
									 style="float: left;"
								>
								<span class="caret hidden-xs"></span>
							</button>
						@endif
					@endif
				@endif
			@endif
        </div>
		
		<div class="navbar-collapse collapse" id="navbarsDefault">
			<ul class="nav navbar-nav me-md-auto navbar-left">
				{{-- Country Flag --}}
				@if (request()->segment(1) != 'countries')
					@if (config('settings.geo_location.country_flag_activation'))
						@if (!empty(config('country.icode')))
							@if (file_exists(public_path() . '/images/flags/32/' . config('country.icode') . '.png'))
								<li class="flag-menu country-flag hidden-xs nav-item"
									data-bs-toggle="tooltip"
									data-bs-placement="{{ (config('lang.direction') == 'rtl') ? 'bottom' : 'right' }}"
								>
									@if (isset($multiCountriesIsEnabled) && $multiCountriesIsEnabled)
										<a class="nav-link p-0" data-bs-toggle="modal" data-bs-target="#selectCountry">
											<img class="flag-icon"
												 src="{{ url('images/flags/32/' . config('country.icode') . '.png') . getPictureVersion() }}"
												 alt="{{ config('country.name') }}"
											>
											<span class="caret d-block float-end mt-3 mx-1 hidden-sm"></span>
										</a>
									@else
										<a class="p-0" style="cursor: default;">
											<img class="flag-icon"
												 src="{{ url('images/flags/32/' . config('country.icode') . '.png') . getPictureVersion() }}"
												 alt="{{ config('country.name') }}"
											>
										</a>
									@endif
								</li>
							@endif
						@endif
					@endif
				@endif
			</ul>
			
			<ul class="nav navbar-nav ms-auto navbar-right">
                @if (!auth()->check())
                    <li class="nav-item">
						<a href="{{ \App\Helpers\UrlGen::login() }}" class="nav-link">
							<i class="icon-user fa"></i> {{ t('log_in') }}
						</a>
					</li>
                    <li class="nav-item">
						<a href="{{ \App\Helpers\UrlGen::login() }}" class="nav-link">
							<i class="icon-user-add fa"></i> {{ t('register') }}
						</a>
					</li>
                @else
                    <li class="nav-item">
						@if (app('impersonate')->isImpersonating())
							<a href="{{ route('impersonate.leave') }}" class="nav-link">
								<i class="icon-logout hidden-sm"></i> {{ t('Leave') }}
							</a>
						@else
							<a href="{{ \App\Helpers\UrlGen::logout() }}" class="nav-link">
								<i class="glyphicon glyphicon-off"></i> {{ t('log_out') }}
							</a>
						@endif
					</li>
					<li class="nav-item dropdown no-arrow">
						<a href="#" class="dropdown-toggle nav-link" data-bs-toggle="dropdown">
							<i class="icon-user fa hidden-sm"></i>
                            <span>{{ auth()->user()->name }}</span>
							<i class="icon-down-open-big fa"></i>
                        </a>
						<ul id="userMenuDropdown" class="dropdown-menu user-menu dropdown-menu-right shadow-sm">
                            <li class="dropdown-item active">
                                <a href="{{ url('account') }}">
                                    <i class="icon-home"></i> {{ t('Personal Home') }}
                                </a>
                            </li>
                            <li class="dropdown-item">
								<a href="{{ url('account/my-posts') }}">
									<i class="icon-th-thumb"></i> {{ t('my_ads') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/favourite') }}">
									<i class="icon-heart"></i> {{ t('favourite_ads') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/saved-search') }}">
									<i class="icon-star-circled"></i> {{ t('Saved searches') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/pending-approval') }}">
									<i class="icon-hourglass"></i> {{ t('pending_approval') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/archived') }}">
									<i class="icon-folder-close"></i> {{ t('archived_ads') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/messages') }}">
									<i class="icon-mail-1"></i> {{ t('messenger') }}
								</a>
							</li>
                            <li class="dropdown-item">
								<a href="{{ url('account/transactions') }}">
									<i class="icon-money"></i> {{ t('Transactions') }}
								</a>
							</li>
                        </ul>
                    </li>
                @endif
				
				<li class="nav-item postadd">
					@if (!auth()->check())
						@if (config('settings.single.guests_can_post_ads') != '1')
							<a class="btn btn-block btn-border btn-post btn-add-listing" href="#quickLogin" data-bs-toggle="modal">
								<i class="fa fa-plus-circle"></i> {{ t('Add Listing') }}
							</a>
						@else
							<a class="btn btn-block btn-border btn-post btn-add-listing" href="{{ \App\Helpers\UrlGen::addPost(true) }}">
								<i class="fa fa-plus-circle"></i> {{ t('Add Listing') }}
							</a>
						@endif
					@else
						<a class="btn btn-block btn-border btn-post btn-add-listing" href="{{ \App\Helpers\UrlGen::addPost(true) }}">
							<i class="fa fa-plus-circle"></i> {{ t('Add Listing') }}
						</a>
					@endif
				</li>
				
                @if (!empty(config('lang.abbr')))
                    @if (is_array(getSupportedLanguages()) && count(getSupportedLanguages()) > 1)
						{{-- Language Selector --}}
						<li class="dropdown lang-menu nav-item">
							<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="langDropdown">
								<span class="lang-title">{{ strtoupper(config('app.locale')) }}</span>
                            </button>
							<ul id="langDropdownItems" class="dropdown-menu dropdown-menu-right user-menu shadow-sm" role="menu" aria-labelledby="langDropdown">
                                @foreach(getSupportedLanguages() as $langCode => $lang)
									@continue(strtolower($langCode) == strtolower(config('app.locale')))
									<li class="dropdown-item">
										<a href="{{ url('lang/' . $langCode) }}" tabindex="-1" rel="alternate" hreflang="{{ $langCode }}">
											<span class="lang-name">{{{ $lang['native'] }}}</span>
										</a>
									</li>
                                @endforeach
                            </ul>
                        </li>
                    @endif
                @endif
            </ul>
        </div>
    </div>
</nav>
Select One:
bobbyiliev

September 6, 11:07 PM

Hello,

The proper way to do it is to add this to your main-logo class in your CSS files.

Alternatively if you want to do this in your HTML directly you could use inline CSS by adding the following to your image tag:

style="height: 20%; width: 20%;"

Of course, change the percentage value based on your needs.

Regards,

Bobby

Select One:
Write
Preview
Help
Cursor Start: Cursor End:
Type '/' for commands
Drop Files Here

Markdown Basics

Below you will find some common used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet


Bold & Italic

Italics *asterisks*
Bold **double asterisks**


Code

Inline Code
`backtick`Code Block```
Three back ticks and then enter your code blocks here.
```


Headers

# This is a Heading 1
## This is a Heading 2
### This is a Heading 3


Quotes

> type a greater than sign and start typing your quote.

Links

You can add links by adding text inside of [] and the link inside of (), like so:

[link_text](https://google.com)

Lists

To add a numbered list you can simply start with a number and a ., like so:
1. The first item in my list

For an unordered list, you can add a dash -, like so:
- The start of my list


Images

You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of [], and the image URL inside of (), like so:

![alt text for image](url_to_image.png)

Dividers

To add a divider you can add three dashes or three asterisks:
--- or ***


Embedding GIFs via Giphy

You can easily embed animated GIFS with the following syntax:
{% giphy https://giphy.com/embed/giphy_id %}


Embedding Codepens

You can also embed a codepen by writing the following:
{% codepen https://codepen.io/your/pen/url %}

You may also choose the default tabs you wish to show your pen by writing the default-tab like so: (default is result)

{% codepen https://codepen.io/your/pen/url default-tab=result,html %}


Embedding CodeSandbox

You can also embed CodeSandbox by writing the following:
{% codesandbox YOUR_CODESANDBOX_EMBED_URL %}


Embedding YouTube Videos

You can also embed a YouTube video by writing the following:
{% youtube VIDEO_ID_HERE %}


Embedding buymeacoffee.com

You can also embed your "Buy me a coffee" button by writing the following:
{% buymeacoffee BUY_ME_A_COFFEE_USERNAME_HERE %}


Please login, or signup to write a response.