Advertisement:

Author Topic: Lifestyle [Responsive]  (Read 7616 times)

Offline LVMuse

  • Newbie
  • *
  • Posts: 6
Re: Lifestyle [Responsive]
« Reply #20 on: August 29, 2020, 07:01:37 PM »
Okay, this is what I have:

Code: [Select]
@media (max-width: 350px) {
// show mobile image
#logo {
background: url(.../images/custom/lifestyle-mobile.png) no-repeat;
background-size: cover;
}
}

Not sure if I have everything in the right place, if I have too much info, or if the solution isn't working.

Offline aodio

  • Semi-Newbie
  • *
  • Posts: 60
Re: Lifestyle [Responsive]
« Reply #21 on: December 31, 2020, 06:46:06 PM »
Hi Mick,

Can the colour be changed?

Cheers

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,444
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Lifestyle [Responsive]
« Reply #22 on: December 31, 2020, 06:52:17 PM »
Hi Mick,

Can the colour be changed?

Cheers
Yes. What would you like to change?

Offline aodio

  • Semi-Newbie
  • *
  • Posts: 60
Re: Lifestyle [Responsive]
« Reply #23 on: January 02, 2021, 07:11:09 AM »
Hi Mick,

Can the colour be changed?

Cheers
Yes. What would you like to change?

Well id like to change the colour scheme, are you able to instruct on doing that when the time comes?

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,444
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Lifestyle [Responsive]
« Reply #24 on: January 02, 2021, 07:44:36 AM »
Hi Mick,

Can the colour be changed?

Cheers
Yes. What would you like to change?

Well id like to change the colour scheme, are you able to instruct on doing that when the time comes?

Everyone needs to learn how to make simple changes in their css files.  I use this plugin for Firefox browser https://addons.mozilla.org/en-US/firefox/addon/cssviewer-quantum/ it shows what classes are what and colors, etc. when clicking on an item on the web page. Very easy to use, I use it daily.

In the theme's css folder, find the index.css file, in here all colors can be changed.

Here are the basics. You can find pretty much everything at the bottom of the file.


Links
Code: [Select]
/* Normal, standard links. */
a:link, a:visited
{
color: #FF7E7E;
text-decoration: none;
}
a:hover
{
        color: #fc6262;
text-decoration: none;
cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
color: #FF7E7E;
text-decoration: none;
}
a.new_win:hover
{
        color: #fc6262;
text-decoration: none;
}

Header
Code: [Select]
#header {
background-color: #fff;
height: 110px;
}

Footer
Code: [Select]
#footer {
text-align: center;
background-color: #FFDFDD;
color: #FF7E7E;
padding: 15px;
font-size: 10px;
}

The forum title bars,well, that's an image. You can change the colors using photoshop and re upload it.

main_block.png and menu_gfx.png found in the theme's image folder (Themes/Lifestyle/images/theme/menu_gfx.png)

Offline aodio

  • Semi-Newbie
  • *
  • Posts: 60
Re: Lifestyle [Responsive]
« Reply #25 on: January 02, 2021, 08:07:37 AM »
Hi Mick,

Can the colour be changed?

Cheers
Yes. What would you like to change?

Well id like to change the colour scheme, are you able to instruct on doing that when the time comes?

Everyone needs to learn how to make simple changes in their css files.  I use this plugin for Firefox browser https://addons.mozilla.org/en-US/firefox/addon/cssviewer-quantum/ it shows what classes are what and colors, etc. when clicking on an item on the web page. Very easy to use, I use it daily.

In the theme's css folder, find the index.css file, in here all colors can be changed.

Here are the basics. You can find pretty much everything at the bottom of the file.


Links
Code: [Select]
/* Normal, standard links. */
a:link, a:visited
{
color: #FF7E7E;
text-decoration: none;
}
a:hover
{
        color: #fc6262;
text-decoration: none;
cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
color: #FF7E7E;
text-decoration: none;
}
a.new_win:hover
{
        color: #fc6262;
text-decoration: none;
}

Header
Code: [Select]
#header {
background-color: #fff;
height: 110px;
}

Footer
Code: [Select]
#footer {
text-align: center;
background-color: #FFDFDD;
color: #FF7E7E;
padding: 15px;
font-size: 10px;
}

The forum title bars,well, that's an image. You can change the colors using photoshop and re upload it.

main_block.png and menu_gfx.png found in the theme's image folder (Themes/Lifestyle/images/theme/menu_gfx.png)

Cheers mate, thats awesome ;) ... Could you explain how to widen the category section please  ;)

Cheers


Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,444
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Lifestyle [Responsive]
« Reply #26 on: January 02, 2021, 08:13:14 AM »
Look for...
.wrapper {
}

..near the top. Use px or %

Offline aodio

  • Semi-Newbie
  • *
  • Posts: 60
Re: Lifestyle [Responsive]
« Reply #27 on: January 02, 2021, 08:19:06 AM »
Look for...
.wrapper {
}

..near the top. Use px or %

Legend!.. appreciated mate 👊

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,444
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Lifestyle [Responsive]
« Reply #28 on: January 02, 2021, 08:21:02 AM »
No problem  :D