[Tanya] Cara Mengubah ukuran header Logo OJS 3 menjadi lebih besar ?

[umang]

kalau saya, masuk ke direktori ojs/plugin/theme/default/style/head.less

.pkp_site_name .is_img img {
display: block;
width: auto;
height: auto;
}

di kode css aslinya hilangkan
max-height: 100px;
max-width: 100%;

Mas, ini maksudnya cara yang mas sudah gunakan atau?

[gigihprayoga]

iya udah saya pakai mas, ubah dari cpanel

[ANDI AWALUDDIN]

Assalamu alaikum

Mohon pencerahannya, gimana caranya memasang image untuk header OJS 3.x
sory baru gabung digroup ini.

Terima kasih.

[waluyo]

Sebenarnya cara yang baik, dengan menambahkan code css di journal style sheet (settings > website > appearance).
Kalau sudah ada style sheet, kita download dulu kemudian ditambahakan css code yang kita inginkan, dibagian bawah. (pastikan kita simpan yang asli)

.pkp_site_name .is_img img {
display: block;
max-height: none;
width: auto;
height: auto;
}

Setelah itu stylesheet yang sudah ditambah code upload lagi.

[ANDI AWALUDDIN]

coba mas di css-nya tambahin kode ini

Code: Select all

.pkp_site_name .is_img img {
    display: inline-block;
    max-height: 100px;
    max-width: 100%;
    width: auto;
    height: auto;
}

Tutorial lainnya tentang OJS ada di https://youtube.com/c/acahyachannel

yang ini ditambahin di baris berapa??
terima kasih!

[acahya]

Yang penting ada di dalam file css ojs

[ardianmuhammad]

masuk ke direktori ojs/plugin/theme/default/style/head.less

Yg ini harus masuk ke cpanel ya? Journal Manager tdk bs ubah sendiri?

[vertykey]

Betul cara jitu nya ikutin berikut masuk ke direktori ojs/plugin/theme/default/style/head.less mau theme default atau theme tambahan lainya tetap di folder ojs/plugin/theme/default/style/head.less

Kemudian dibagian paling atas sekali tambahkan kode nya:
.pkp_site_name .is_img img {
display: inline-block;
max-height: 100px;
max-width: 100%;
width: auto;
height: auto;
}

dan save change (simpan perubahan) setelah itu clear cache browser dengan menekan di keyboard (CRTL+SHIFT+DELETE) Hapus Time range : Last Hour atau 24 hour. tutup browser Anda dan buka kembali, dan tereng.. berhasil deh .

btw jangan lupa mampir ke jurnak kami Islamic Banking : Jurnal Pemikiran dan Pengembangan Perbankan Syariah
http://ejournal.stebisigm.ac.id/index.php/isbank

Trims, Admin dan salam kenal teman-teman semua.

[pdti-unira]

Betul cara jitu nya ikutin berikut masuk ke direktori ojs/plugin/theme/default/style/head.less mau theme default atau theme tambahan lainya tetap di folder ojs/plugin/theme/default/style/head.less

Kemudian dibagian paling atas sekali tambahkan kode nya:
.pkp_site_name .is_img img {
display: inline-block;
max-height: 100px;
max-width: 100%;
width: auto;
height: auto;
}

dan save change (simpan perubahan) setelah itu clear cache browser dengan menekan di keyboard (CRTL+SHIFT+DELETE) Hapus Time range : Last Hour atau 24 hour. tutup browser Anda dan buka kembali, dan tereng.. berhasil deh .

btw jangan lupa mampir ke jurnak kami Islamic Banking : Jurnal Pemikiran dan Pengembangan Perbankan Syariah
http://ejournal.stebisigm.ac.id/index.php/isbank

Trims, Admin dan salam kenal teman-teman semua.

saya sudah nyoba ini, sudah edit lewat cpanel juga, tapi kok tetep gak berubah ya.
mohon bantuannya

[faizal]

Code: Select all

.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.vertical-menu a {
background-color: #f2a11a; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
}

.vertical-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.vertical-menu a.active {
background-color: #f28b1a; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: arial; /*Jenis font*/
}

pkp_structure_head {
  background: #f28b1a;
}
body {
  font-family: tahoma,geneva,sans-serif;
}
.obj_article_details .abstract {
    text-align: justify;
}
.pkp_footer_content {
  float: left;
  width: 70%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-bottom:10px;
  padding-top: 10px;
}
.pkp_structure_footer_wrapper {
	background: #e8ebef;
	border-bottom:@double solid; 
	border-bottom-color:#595959;
}
.pkp_site_name .is_img img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

https://drive.google.com/file/d/1hPO-OoLpakrGFFkSpEPz2M5cgFdLrz1H/view?usp=sharing

hasilnya seperti ini: logo menjadi lebih lebar

https://jolcc.org/index.php/jolcc