Business Identity Support

realsimpleway · Member · Dec 12, 2017 at 4:26 am
Copy link

Add topic to favorites
Hi,
I need some help with CSS. If you could please help me by giving me some CSS to make the menu icon (on mobile) transparent, and make the text in the icon default instead of all caps.

Also, can you help me remove an extra strip of black line? It is all the way after all the footers, and it shows as a dark purple color.

Please reply soon :)

thanks,
Billy :)

The blog I need help with is: (visible only to logged in users)
sfmerv · Member · Dec 12, 2017 at 6:04 pm
Copy link
This will take out the background color on “MENU” for mobile and change the text
```
.menu-toggle {
    background-color: rgba( 255, 255, 255, 0 );
    text-transform: none;
}
```
rgba is how you set the color Red blue green and alpha. The first 3 (rgb) are anywhere from 0-255 (all at 255 is white all at 0 is black), alpha (a) is from 0-1 so .5 is 50% transparent. 0 is 100%transparent. It was set to .15 now I set it to 0. Hope that makes sense.

test-transform:none will turn off the uppercase

This will get rid of the site info bar at the bottom but if you have any info in there it will also not appear.
```
.site-info {
    display: none;
}
```
Let meknow if that is what you wanted.
realsimpleway · Member · Dec 13, 2017 at 3:13 am
Copy link
Hi,

Thank you so much. Can you also help me add some footer credit (copyright notice) at the bottom area (below the footer) and also

To help me make my header transparent, on mobile only.

Thanks.
Jamie
realsimpleway · Member · Dec 13, 2017 at 3:24 am
Copy link
If you could help us with that, then that would be all we need :)

Thanks!
Billy
sfmerv · Member · Dec 13, 2017 at 9:29 pm
Copy link
I’m sorry I am not sure if I understand you about the header.

If you make the header transparent on mobile the body background color will show through and it is almost the exact same color. the header is #352f48 and the body is #342f45 so you won’t really see a difference.

Is that what you want or do you want the header to be a different color on mobile?
sfmerv · Member · Dec 13, 2017 at 9:41 pm
Copy link
You’ll need to turn on the bottom border again if that is where you want it.

remove this code
```
.site-info {
    display: none;
}
```
add this code
```
.site-info:before {
    content: "© 2018 RealSimpleWay";
}
```
You might want to check to make sure can make this alteration. I do not know what kind of plan you have.

Let me know if you want it in a different place.
thesacredpath · Member · Dec 18, 2017 at 8:27 pm
Copy link
@, the way that I do this typically is by setting the existing site info to hidden with visibility, and then declare the new text and set it’s visibility to visible like this.
```
.site-info {
    visibility: hidden;
}
.site-info:before {
	visibility: visible;
	content: "My Copyright";
}
```
You can edit the content text string between the quote marks as desired.
realsimpleway · Member · Dec 18, 2017 at 8:44 pm
Copy link
Hi,

Thanks so much! I will do that. Lastly, can you please help me With the site header? So, right now, it is dark purple, and I wanted to customize it with my own color background.

Can you please help me with some CSS?

Thanks,
sfmerv · Member · Dec 18, 2017 at 8:57 pm
Copy link
Changing the header is easy with css
```
header#masthead {
    background-color: red;
}
```
Here is a list of colors
https://www.w3schools.com/cssref/css_colors.asp

And here is another color picker to help
https://www.w3schools.com/colors/colors_picker.asp

No items found.