Joomla Templates Club 406,261 posts

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933781

first you provided another way of making the css even with the login but i prefer my edit which is this.

.languageswitcherload {
    border-right: 1px solid rgba(255,255,255,0.5);
    float: right;
    line-height: 1;
    margin-top: 8px;
}

but the problem with both is when its responsive. that position now loads under the login but the problem the default color is white. so when it goes responsive the icons are white as well. what is needed to be changed so when its in responsive positions the icon color changes.

Second i dont like the size of the side bars.

}

.col-md-3 {
    width: 30%;
}
.col-md-9 {
    width: 70%;
}

if i set that as custom.css that will look great where do i edit the css for them both as smaller resolutions so i can have both 9 and 3 be same size in responsive windows. check image below

---

Attachments:

1. 

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#933792

This reply has been marked as private.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#934697

🙁 and all this code is from the template default so just need to give me code examples from your template examples

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#935834

Could you send me screenshot of how you want it should be?

If you want to apply specific style for different view port (mobile / tablet / desktop), you can use the Bootstrap Media Query

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#935875

in screenshot 1 you can see how in responsive its laying the divs side by side all i want is the div to

Be DIV1 Component main content then Below Sidebars or vice versa at full width in responsive window

in screenshot 2 you can trhe user avatar has a white border all i need to do is either remove that border to begin with or give me some code to change it another color and in screenshot 3 when responsive the icons for notifications | friend requests so on is set to white. all i need there is to on resize either it changes the background of that div or it changes the actual colors from white to black or green or blue. in full size white works. but responsive white on white dont work

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#936297

Could you update the login credentials of your site e.g: URL, admin account so I can have a look?

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#936298

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#936604

I have no idea of ‘custum.css’ file here because our template supports file named ‘custom.css’ file only.

And when viewing in mobile, if the sidebar is not showing properly, I need a closer look to check how you configure for the layout of mobile via template manager.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#936605

I didn’t configure anything in the backend thats css that makes them changes. it has nothing to do with any changes to the actual template besides including a css file.

its all default setting for your existing templates. so there is no reason for backend access. anyone could recreate what i did by just installing your template and putting that css into a custom css file

And your template can use any name for a css file as long as you include it. there is no CUSTOM.css file to being with. So anything in a custom.css file would not have anything supported to being with since there is nothing to support unless you add css. and upload one. Me mispelling custom has nothing to do with the css. you could of visited the url i gave and saw exactly what it was doing. the images themself show you what its doing.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#936647

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#936937

I can’t access backend of your site with above account, kindly check again.

Or you can check via Layout settings in Backend > Extensions > Templates > ja social ii template style

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#936964

it works just tried. and what you mean check the template what would i be checking for in the template. the css code above is loaded it just isnt correct to solve the issues.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#937044

I can log into backend now.

I see that it due to your custom css:

.col-md-3 {
    width: 30%;
}
.col-md-9 {
    width: 70%;
}

You should use Media Queries to add specific style css for specific screen size. As at this moment, the above custom css also affects all view ports.

[vizionz Friend vizionzJoin date: May 2016Posts: 30Downloads:157Uploads:8 Thanks: 1 Thanked: 1 times in 1 posts]

#937053

Um so in two weeks you guys give me a response of do it yourself pretty much!
i posted three issues and you have me give backend access for website to tell me that are you serious!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#938328

Hi

For the white color in avatar, it’s actually the background color, you can override it by adding this css rule into ‘custom.css‘ file:

div#fd.es.mod-es-dropdown-menu .es-avatar {
    background: #f4f4f4;
}

Witht the white icon in small view port, you use this rule:

@media (max-width: 767px) {
    div#fd.es i {
        color: #555;
    }
}

1 user says Thank You to Saguaros for this useful post

1. vizionz

[Author]

Posts