CSS Help

saxamo
(@saxamo)

1 year, 7 months ago
Hello there.. I would like the site to look as it does now, with the exception of removing the rectangular box that appears when you click a link.

Also, for some reason on the PC when I click a link it does not change to visited color but it does on my tablet.

Was wondering if you could help me clear up the CSS properly.. Thanks..

Just to clarify I am using the latest FF browser.
- This topic was modified 1 year, 7 months ago by saxamo.
The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter saxamo
(@saxamo)

1 year, 7 months ago
Looks like that rectangle is a FF thing.. Stupid.. However, I still could use some help with my CSS to make sure I am doing it properly. Just want the site to look like it does right now in Microsoft EDGE but want the site title to be the same green as the links. I can’t seem to find the proper element with web dev tools since when you hover over title it goes to hover state.. I just want the title to be a different color when first coming to the site and no matter what even if clicked remain the same color.

this is a great simple, minimal theme that has great potential for those of us not wanting things that don’t work in tor. I wish there was a way to make the menu capable of running in a strict tor browser, but you are the geniuses not me. I would keep this theme alive especially for those of us that want something simple. I also noticed that the meta information does not work but takes from the post itself instead of the excerpt or what is done in a 3rd party meta plugin. I really hope you continue with this theme. Keeping it simple, responsive and the ability to change colors more easily and personally you have winner here.
- This reply was modified 1 year, 7 months ago by saxamo.
robato
(@robato)

1 year, 7 months ago
I do not really understand what you mean, but test the CSS code below:
```
.widget.col .widget-title {
    color: #77bc1c
}

.site-title a {
    color: #77bc1c
}
```
- This reply was modified 1 year, 7 months ago by robato.
Thread Starter saxamo
(@saxamo)

1 year, 7 months ago
Thanks so much for the help. This is what I have in the additional CSS now
```
/**
* Current day color on calendar
*/
.wp-calendar-table #today {
background-color:   #77bc1c;
color: #fff;
}

a:link { 
  text-decoration: none;
  color: #77bc1c;
}

a:hover {
	text-decoration: none;
	color: #848482; 
}

/* visited link */
a:visited {
	text-decoration: none;
  color: #848482;
}

.special-word { 
  color: #77bc1c; 
} 

.widget.col .widget-title {
color: #77bc1c
}

.site-title a {
color: #77bc1c
}
```
If anything there is not required please let me know.. The site is now working properly in Edge and FF with the Title.. Thanks again.
Thread Starter saxamo
(@saxamo)

1 year, 7 months ago

I was wondering if you might be able to tell me the CSS so that all the titles in widgets are that green color. Thanks for your help. I am really liking this theme. Will there be any more updates to it in the future?
robato
(@robato)

1 year, 7 months ago
Try following:
```
.widget-title {
    color: #77bc1c
}
.wp-block-calendar {
    color: #77bc1c
}
```
`

Im just an regular forum user here, so i have no information or knowledge about this particular theme 😊
- This reply was modified 1 year, 7 months ago by robato.
Thread Starter saxamo
(@saxamo)

1 year, 7 months ago

Well everything you are helping with is working.. So thanks a bunch.. I just wish it would look as it does in Firefox in Edge and Chrome. In Edge the links at the bottom of the page are underlined and dotted and not green. I am just glad it works perfectly in FF.

since you added the .widget-title can I assume we can remove the

.widget.col .widget-title {
color: #77bc1c
}

or is that .widget-col doing something I am not aware of?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS Help’ is closed to new replies.

Views