Börü [SMF 2.0 + 2.1 Responsive Theme]

Started by gecitli, February 14, 2019, 11:54:11 AM

Previous topic - Next topic

camefromwpandmybb

i understand english is not your first language so it is hard to understand. maybe some screen shots would help
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

i hate wordpress, vanilla, mybb and phpbb

shadav

Quote from: gecitli on June 06, 2021, 03:01:08 AM
Quote from: camefromwpandmybb on June 05, 2021, 07:54:07 PM
Thank you that worked but now it made the text huge like this.

This has nothing to do with the code it gave
find this code

#header p {
    font-style: normal;
    color: #eee;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: .03em;
    line-height: 1;
    margin-bottom: 10px;
    padding: 20px;
    z-index: 1;
}


font-size: 1.2rem;
Quote from: camefromwpandmybb on June 06, 2021, 10:04:56 AM
"find this code"

where?  I searched every file, could not find it since you did not specify. thanks.
Quote from: gecitli on June 06, 2021, 12:52:02 PM
index.css 4410
line 4410 will be different if you've added an modification that altered index.css

in index.css search for
#header p
change the font-size

now, I'm trying to keep up here but I honestly have no idea what you are trying to change?
The site's title? the site's slogan?
what exactly is too large of a font?

if you right click on the area that you are wanting to change, and click on inspect, it will bring up your browsers inspection tool and you should be able to find what css needs changed


Quote from: gecitli on June 05, 2021, 02:31:40 AM
./Themes/css/responsive.css
Find:
/* Entry level phones */
@media (max-width: 480px) {
  /* Generic Classes for Customizations */


Replace With:

.p-header {
    background-position: 50% 75%;
}

just curious...did you mean replace, or did you mean add before or after....
I'd think replacing that bit would mess up some things

camefromwpandmybb

like i said. i do not think english is his first language which is i replied again with screenshots pointing out what i am talking about
i hate wordpress, vanilla, mybb and phpbb

gecitli

Quote from: camefromwpandmybb on June 07, 2021, 11:45:54 PM
like i said. i do not think english is his first language which is i replied again with screenshots pointing out what i am talking about

watch the video
https://youtu.be/Zfq464Yf5dg
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

camefromwpandmybb

#45
thanks, works perfectly but this needs to be corrected?

/* Entry level phones */
@media (max-width: 480px) {
  /* Generic Classes for Customizations */


Replace With:


.p-header {
    background-position: 50% 75%;
}


it should NOT be replaced.  if you replace it, on desktop and mobile mode, the admin popup screen never goes away.  i tried AFTER and no go.   i placed it BEFORE and it's better.  Now the logo is centered in desktop mode and mobile mode BUT now one more problem appears and hopefully the last one.

the logo image in desktop mode is pushed up.

the logo image in mobile is centered, if you take your phone and put it in desktop mode, the logo is centered perfect also.

it seems only on a laptop, the logo is pushed up.

OH ONE MORE THING, how can we change that purple to a diff color.  thanks.


Edited to include code tags ~ Steve
i hate wordpress, vanilla, mybb and phpbb

shadav

can I have a link to your site?
again ;) if you right click on the area you want to edit and click on inspect, it'll open your browsers inspection tool and you can find what needs changed
which is what I'm going to do with the link to your site ;)
I'd guess you just need to add or edit a height to your header image css to get it to play nice

camefromwpandmybb

i am not too well versed in that.  i have tried to use it.  pm'd
i hate wordpress, vanilla, mybb and phpbb

shadav

for the header image

find and remove the
.p-header {
    background-position: 50% 75%;
}


then find your other .p-header
and try this code instead
.p-header {
    background: #2f3234 url(../images/boru1.jpg) no-repeat center;
    position: relative;
    width: 100%;
    background-size: 100% 100%;
}


for the purple color in the header
find
.p-header:before
change the colors to whatever you want
    background: linear-gradient(
-47deg
,#7c4fe0 0%,#4528dc 100%);

camefromwpandmybb

did a youtube test. im desktop mode no prob

in mobile, the video cannot be expanded and the window is too small which creates scroll slider on the right of the window
i hate wordpress, vanilla, mybb and phpbb

shadav

that's nothing really to do with the theme, that's the mod you installed to embed the video with.

camefromwpandmybb

hi. i did not install any yt mod.  it already has the button to link yt videos.  if you rotate the phone the long way, the video shows up fully
i hate wordpress, vanilla, mybb and phpbb

camefromwpandmybb

Quote from: shadav on June 08, 2021, 05:36:00 PM
for the header image

find and remove the
.p-header {
    background-position: 50% 75%;
}


then find your other .p-header
and try this code instead
.p-header {
    background: #2f3234 url(../images/boru1.jpg) no-repeat center;
    position: relative;
    width: 100%;
    background-size: 100% 100%;
}


for the purple color in the header
find
.p-header:before
change the colors to whatever you want
    background: linear-gradient(
-47deg
,#7c4fe0 0%,#4528dc 100%);


which browser are you using to do this?  i use chrome and a new window pops up, doesn't show the code in a split screen like i've seen.  thanks
i hate wordpress, vanilla, mybb and phpbb

shadav

I use chrome
you have to change the docking settings

smartmouse

Hello, I downloaded the them from here but I can't figure out how to set the dark theme.
In addition my custom logo is not displaying.

What's wrong?

Thank you in advance

Shadow aok

#55
Regarding the dark theme, you have a moon icon on the top right corn, click on it.

I migrated from 2.0.19 to 2.1.1 and installed this theme (Boru RC4), and the admin popup never goes away on the admin index page (firefox latest version on Win 10x64).
No javascript error or anything helpful.

Any idea ? Thanks

Shadow aok

It seems index.css misses all this :
/* Styles for popup windows */
.popup_container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(40, 64, 80, 0.5);
        z-index: 6;
}
#genericmenu > .popup_container {
        z-index: 5;
}
#adm_submenus > .popup_container {
        z-index: 4;
}
.popup_window,
#main_menu .popup_window,
#genericmenu .popup_window,
#adm_submenus .popup_window {
        position: relative;
        width: auto;
        z-index: 99;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
        border: 1px solid #777;
        border-radius: 7px 7px 3px 3px;
        margin: 0 auto;
        padding: 0;
}
.popup_window {
        top: 15%;
        width: 480px;
        padding: 0 6px 6px 6px;
}
.popup_heading {
        padding: 10px 8px;
        color: #bf6900;
}
.popup_content {
        color: #222;
        line-height: 1.6em;
        max-height: 30em;
        overflow: auto;
        padding: 10px 8px;
        border: 1px solid #bbb;
        border-bottom: 1px solid #ddd;
        border-radius: 6px 6px 2px 2px;
        box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2);
}
#main_menu .popup_heading,
#genericmenu .popup_heading,
#adm_submenus .popup_heading {
        display: none;
}
#main_menu .popup_container,
#genericmenu > .popup_container,
#adm_submenus > .popup_container {
        display: block;
        position: relative;
        background: none;
        margin: 0;
        height: auto; /* In case anything fishy happens in the situations where this used make sure it stays still */
}
.main_icons.hide_popup {
        float: right;
}
.popup_heading .icon {
        vertical-align: middle;
        margin: -4px 4px 0 0;
}
Colors should have been adapted (i took this from the default theme) but it fixes my issue.

Recursos

User's dropdown menu, dark font color is hard to read:

Can it be made lighter?

Rec

neurons

Very nice and functional theme, not too difficult to customize, thanks!

I noticed few things so will point them out for other users: header logo for RC version will be missing from your site (at least it was in my example) due to different indextemplate.php code compared to v1.1. In that one its displayed normally in the header, but in RC it is displayed in the footer -> you can copy/paste the necessary logic from that theme and get the desired result.

Top left logo/fontawesome icon and dark mode can be simply disabled if needed, don't remember the line change needed but find the class and set it to display:none -> it will not break anything.

Each subforum can easily have its own custom icon:
.board_icon a {
   background-size: contain;
   background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
   display: inline-block;
   width: 45px;
   height: 45px;
}
/*.board_icon a.board_on2 {
   background-position: -45px 0;
}*/

#board_2 .board_on { background: url(../images/1_on.png);}
#board_2 .board_on2 { background: url(../images/1_on.png);}
#board_2 .board_off { background: url(../images/1_off.png); opacity:.5;}

inkvfd

How do I change the text color for the title of polls on theme Boru_v1. Hard to see the black. I know it is in the CSS, but don't know what file.


Advertisement: