Hello guys.
I`ve been looking into the forum for a solution on how to make my logo in Manuscript theme larger.
Aparently i have to modify the following code in css:
.pkp_site_name .is_img img
However there is not this specific piece of code in the header.less of this theme. I`ve tried some changes in the code below, like:
@media(min-width: @screen-desktop) {
width: 200%;
margin-left: 0;
}
With no effect.
I have little knowledge about css, so if someone can give a help i would apreciate.
/**
* @file plugins/themes/defaultManuscript/styles/head.less
*
* Copyright (c) 2014-2018 Simon Fraser University
* Copyright (c) 2003-2018 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* @brief Styles for the page header structural elements
*
*/
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
position: relative;
padding-top: 0;
}
.pkp_site_name_wrapper,
.pkp_navigation_primary_row {
padding-left: @triple;
padding-right: @triple;
}
.pkp_site_name {
padding-top: @base + @half;
padding-bottom: @base + @half;
.is_text {
font-size: @font-lead;
text-transform: uppercase;
}
@media(min-width: @screen-desktop) {
width: 75%;
margin-left: 0;
}
}
.pkp_navigation_primary_row {
background: @bg;
}
.pkp_navigation_primary_wrapper {
width: auto;
}
// Use the ID so that we override all styles in the base theme
#navigationPrimary {
a {
font-family: @font-heading;
font-size: @font-sml;
color: @text-light;
font-weight: @bold;
text-transform: uppercase;
&:hover,
&:focus {
color: @bg-base;
}
}
> li > a {
padding-bottom: 6px;
border-bottom-width: 4px;
&:hover,
&:focus {
border-color: @bg-base;
}
}
> [aria-haspopup] > a:hover,
> [aria-haspopup] > a:focus {
border-color: transparent;
}
ul {
background: @bg-base;
a {
color: @text-bg-base;
&:hover,
&:focus {
border-color: transparent;
}
}
}
[aria-expanded="true"]:before {
border-bottom-color: @bg-base;
}
}
.pkp_head_wrapper .pkp_search {
.search_controls {
.search_prompt {
padding-bottom: @base;
border-bottom: none;
font-family: @font-heading;
font-size: @font-sml;
color: @text-light;
font-weight: @bold;
text-transform: uppercase;
&:hover,
&:focus {
color: @primary;
}
&:before {
color: @accent;
&:hover,
&:focus {
color: @accent;
}
}
}
}
&.is_open {
min-width: 50%;
input[type="text"] {
border-bottom: none;
background: @bg-light-shade;
border-left: @bg-border;
}
.search_controls {
.search_prompt {
background: @accent;
color: @text-bg-base;
&:hover,
&:focus {
border-bottom: transparent;
}
&:before {
color: @text-bg-base;
}
}
}
}
}
.pkp_navigation_user_wrapper {
a {
font-family: @font-heading;
font-size: @font-sml;
color: @text-light;
font-weight: @bold;
}
ul a:hover,
ul a:focus {
border-color: @bg-base;
}
@media(min-width: @screen-desktop) {
top: 25px;
right: 0;
left: auto;
width: 25%;
padding-right: @triple;
.pkp_navigation_user {
margin-right: 0;
padding-right: 0;
width: auto;
}
}
}