Gaelle73

Hi Andrew,
thanks for diving into my question!

the plugin ‘advanced twenty seventeen’ has a feature to define header colors.
i used that one, and also defined this header color in google fonts plugin (H3) so i don’t know wich one did the trick.

in my custom css i didn’t define de headers, because it didn’t make a difference when i put the code there…

this is the code i added to my custom css to get a dark, semi transparent scheme and dark navigation:

.site-content-contain {
background-color: rgba(60, 12, 0, 0.7);
}

/* Active page */
.navigation-top .current_page_item > a {
color: #fff;
}
/* The menu text colour */
.navigation-top a,
.menu-toggle {
color: #fff;
}
/* color menu bar background */
html .colors-custom .main-navigation ul,
html .colors-custom .navigation-top,
.navigation-top,
.main-navigation ul {
background:#530f11;
border-top:0;
}
/* Color sub menu text color*/
.main-navigation a:link {
color:#fff;
}

/* active and hover */
.main-navigation .current_page_item > a,
.main-navigation a:hover {
color: #f79328!important;
}
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #fff; /* base: #333; */
}

maybe this last line doesn’t make any sense… i was so frustrated that i tried a lot of things, and then suddenly it worked, but i don’t know why! :-s
that’s why i didn’t remove it…

the above code should not influence the header font though?

link is: https://www.templeoftheearth.org ??

ps:the site i am trying to find help for is:
https://www.templeoftheearth.org
??

I have the same problem.
I tried to adapt :

/* The background colour */
.navigation-top,
.main-navigation ul {
background: black;
}

/* The text colour */
.navigation-top a,
.menu-toggle {
color: white;
}

-or-

.navigation-top {
background: #fff;

to another #color code.

+ a few other adaptations in the css ‘navigation’
but nothing seems to work? or impact anything, nor the size nor the color?

is there anyone out there that can help me change the navigation background to a dark scheme, and light font?

many thanks in advance for your kind response…

Ga?lle

Just noticed that i had to put the color scheme to custom!!
of course …
problem partly solved!
My next question:
is there a way to have a dark transparent theme? for now it is white and transparant. It would definitely be awesome.
many thanks in advance for any tip on this.

xx Ga?lle

Hello,

i have been trying to do the same thing ??
also quite new at this…
for me the above did not work.
I have tried to search the code to adapt the background colour or put a background image, but it does not seem to work.
I tried to put featured images, but then the page text is much to low…
I tried a few background plugins but none of them worked.
i added the above code to my custom css, but it did not change a thing ??
Which one dit you use Yuna?

really getting lost at this point.
thanks in advance for any help with this.

xx Ga?lle

ps: the site i am struggling with (www.templeoftheearth.org)

Ok thanks for the tip.

I installed firebug and it is impressive indeed.
However not able to find my mistake, from what i see in firebug the right selectors are used…and should show!(the ones that are not crossed trhough?) but then again maybe i am not experienced enough to understand my mistakes.

I installed a css editor plugin (via jetpack) and this seems to work fine for most H tags, so i am able to define H1, H2 etc. (which i couldn’t do before in the custom css window) But still not possible to define the P or BODY or H7 for instance.

i need my tekst to be black… so i tried yet another plugin from google fonts which lets me edit all the headings nicely as i want, except for the font sizes! and the definition of the main tekst…

again a matter of selectors, but i have spend hours searching now, and i just don’t find the location of these selectors, nor their definition.

I suspect this is some kind of protection to force you to buy the premium theme… if it is, then it would be nice if this was stated clearly somewhere, instead of giving you a very adaptable theme, which makes you spend a lot of time on customizing features and being very happy about it, only to find out that THE most important feature >> to have readable tekst (it is now grayed, not clear on ANY background) is blocked out…

It has been a two years now since i use wordpress, and when i started, i never encountered these problems, the wordpress philosophy being about open source. Lately i find that nearly all the themes i tried have something to trick you into being forced to buy it…

Should anyone be able to advise me on how to adapt this one (only the main text > paragraph tag) i would be really gratefull!

thanks in advance!

Hi,

Thanks for the tip.
I discovered two things since then: found back the ‘editor’ tab on the main dashboard instead of de site dashboard… (= multisite)

And i really am a dummy, because i noticed afterwards that when inserting my custom css tags into the ‘edit css’, i kept putting them in between the /* brackets, no wonder it had no effect!

this sounds really bad, i know, but o so typical when you start out…

thanks anyway for the plugin tip, yet another approach to help out.

xx
Ga?lle

Hi, I had the same problem and thankfull to find this post.

However, i had to change a different field in the settings:
(my version of wordpress is in French)

I had to check the part were it says:

“L’adresse de la page d’accueil contient le code de la langue au lieu du nom de la page”
Exemple : https://lemasdelafontaine.fr/fr/ au lieu de https://lemasdelafontaine.fr/fr/le-mas-de-la-fontaine/

(translated: “the adress of the home page contains the language code instead of the name page”
for instance: https://lemasdelafontaine.fr/fr/ instead of https://lemasdelafontaine.fr/fr/le-mas-de-la-fontaine/)

That dit the trick for me… (i use the Forever Theme, and Polylang had worked fine until lately, something to do with an update maybe?)

Thanks Mauro, i had not seen earlier that you responded three days ago… so sorry for my late reaction ??

I wanted to dig into the css but am not confident enough yet about my skills and a bit worried about messing things up! I have too little time for this site to get to the bottom of the css, so finally i settled for the ‘articles main page’ option for now ?? we’ll see how we can organise things from there in the future.

Anyway thanks for the leads you gave me, it will definitely help me to the next step in learning how to web-design.

??

Thanks you Mauro for your quick response! much appreciated.

i was indeed doing what you suggested, but rows keep being defined much smaller inside the ‘One column’, which leaves me with a lot of white space…

is there any way to make this main column transparent, or change it’s size, add a background, whatever… (and also hide the page title then) : the inserted sections/rows with page-layout plugins would then float opaque on top?

otherwise i would have to change the theme, but i do kind of love it very much for the rest

thanks for any help you can give!

I have the same problem. under appearance, i selected to show 3 colums on the homepage, but it shows only one, that takes up about 30%. I don’t know how to make the other 2 columns show…

thanks in advance for helping me out!!