• Welcome to Simple Machines Community Forum. Please login or sign up.
December 02, 2021, 01:29:12 AM

News:

SMF 2.1 RC4 has been released! Try it out and help us test! :) Read more.


Börü [SMF 2.0 - 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

June 08, 2021, 01:40:14 PM #45 Last Edit: June 08, 2021, 03:03:39 PM by Steve
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

Advertisement: