Background Image changes everytime you scroll down

• 

  tatin05 · Member · Nov 5, 2017 at 6:27 am

  • Copy link
  • Add topic to favorites

  Hello, I was looking at this page (https://www.talasmanileno.com) and saw that everytime you scroll down, the photo also changes. I wonder how can I make my page looks like it? thank you so much!

  Blessings!

  The blog I need help with is: (visible only to logged in users)

• 

  mrfoxtalbot · Staff · Nov 5, 2017 at 7:11 am

  • Copy link

  Hello tatin05!

  There are several themes that allow you to do that, here is a couple:

  https://lodestardemo.wordpress.com/ (see documentation here)

  https://twentyseventeendemo.wordpress.com/(see documentation here)

  Please let us know if you have any trouble setting them up.
  Good luck!

• 

  tatin05 · Member · Nov 5, 2017 at 7:59 am

  • Copy link

  Hello, mrfoxtalbot!

  Thanks for assisting me :) I have used the lodestardemo theme, however..the header image shows only half of the image when on mobile…

  Is there a way where it can still show the full image on mobile? Also, can I put the menu toggle on top right and remove the word menu on it?

  Thanks a lot!

• 

  tatin05 · Member · Nov 5, 2017 at 10:20 am

  • Copy link

  Hello, I have changed my theme to a different one. It is the port theme… Is it possible to remove the gray background when the menu toggles while viewing the page on a mobile device? and also the font color and style? thanks!

• 

  mrfoxtalbot · Staff · Nov 6, 2017 at 11:04 am

  • Copy link

  Hey, tatin05. I´m glad that helped.

  Try this for the mobile menu colors:

  #pageslide {
      background-color: white;
  }
  #pageslide a {
      color: black !important;
  }

  Good luck!

• 

  tatin05 · Member · Nov 7, 2017 at 1:04 am

  • Copy link

  Hi, it worked! Thanks a lot :) By the way, can we use a css code to make the menu toggle show below it and not on the right side of the page? Thanks!

• 

  mrfoxtalbot · Staff · Nov 7, 2017 at 9:22 am

  • Copy link

  Hello tatin05.

  It can be done, for sure. Can you please describe with more detail how you would like it to look like exactly?.

  Regards.

• 

  tatin05 · Member · Nov 7, 2017 at 9:43 am

  • Copy link

  Thanks!

  When I click on the menu toggle on the top right, it will show the menu drop-down on the right side… Is it possible that when I tap on the menu toggle on top right, it will show a drop down on the same window, like on below the logo (black bar)

  thanks!

• 

  mrfoxtalbot · Staff · Nov 7, 2017 at 10:23 am

  • Copy link

  Hi tatin05.

  I was checking the way your theme works and the mobile menu is displayed adding inline CSS styles using javascript, instead of adding an extra CSS class (whose style we could change) .

  I´m afraid this makes it difficult (impossible, I´d say) to modify the position of that menu using CSS alone. Sorry :(

  Please let me know if you need help with anything else.

  Regards.

• 

  mrfoxtalbot · Staff · Nov 7, 2017 at 10:26 am

  • Copy link

  Here is one suggestion, if I may: You can make phone numbers become clickable links (that will dial the number if you are visiting the site from your phone) like this:

  <a href="tel:84472228">844 72228</a>

  The site is looking great, by the way, congrats!

• 

  tatin05 · Member · Nov 7, 2017 at 10:36 am

  • Copy link

  Hello, it is fine :) You have helped me a lot :D

  I just would like to ask if there is a way to make the background black or red at the bottom of the page? I tried the footer background, it actually worked, however, it also changes the background of the widget footer.

  On this theme, there is an option of adding footer text inline with the wordpress logo. That is where I want the background to be black or red.

  Thanks!

• 

  mrfoxtalbot · Staff · Nov 7, 2017 at 10:46 am

  • Copy link

  Hi tatin05.

  Sure, something like this?

  .secondary {
      background-color: black;
      color: white !important;
  }
  .secondary a {
      color: white !important;
  }

  Regards!