webblish

Works like a charm! Many thanks for a really great theme and your swift support!

Many thanks for the swift reply. I replaced the files by uploading a new ZIP-file, and that worked liked a charm! Thanks again!

On wordpress.com sites it’s not possible to change the theme files or install plugins. That’s only possible on self-hosted websites (or, perhaps with a premium/paid account on wordpress.com, I’m not sure).

DIVI is a premium theme, you’ll have to ask the developer, Elegant Themes.

For anyone interested, here’s my final CSS for the category title:

@media ( min-width: 500px ) {

.page-title {
background: rgba(255,255,255,0.7);
}
.page-title h4{
color:#111;
font-size: 1.25em;
}

}

Yes, that’s all. Seeing how easy it is, I must have overlooked it a dozen times, so thanks for waking me up! ??

Hi, many thanks for your reply. Here’s one of my sites running this theme, I’m already pointing to a category page (all links in the navigation bar link to category pages): https://exotischevakantie.info/afrika/

I would like to give it a semi-transparent white background like I have on the single posts: https://exotischevakantie.info/rondreis-kenia/

To be complete, I’m already using this custom CSS:

@media ( min-width: 500px ) {
div.post{
background: rgba(255,255,255,0.7);
border-width: 0 !important;
-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25) !important;
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25) !important;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25) !important;
}
}

.post-meta p {
font-weight: 500;
font-size: 0.7em;
}

div.srp-thumbnail-box {
clear:both;
}

.srp-thumbnail-box img:hover {
background:#000;
opacity: 0.7;
transition: opacity 0.2s 0.1s ease-in-out;
}

.srp-post-title {
clear:both;
margin:0.15em 0;
font-size:150%;
line-height:120%;
}

.srp-post-content {
margin-bottom:2em;
}

.sidebar h3.widget-title {
line-height:150%;
}

@media ( max-width: 1000px ) {

.sidebar {
display: inherit !important;
float:left;
width:100%;
margin-top:1em;
padding:2em 1em 1em 2em;
background:#fff;
border:solid 1px #ddd;
font-size:110%;
}

.sidebar h3.widget-title {
line-height:150%;
font-size:120%;
}

div.srp-thumbnail-box {
clear:none;
}

.tablepress td{
font-size:95%;
}

}

@media ( max-width: 500px ) {

.sidebar {
border-style:none;
margin-bottom:1em;
padding:1.25em;
font-size:inherit;
}

.tablepress td{
font-size:85%;
}

}

.credits p{
display:none;
margin:0
}

h4.blog-tagline{
color: #03B6CD;
}

li.with_image span a{color:#333}
div.section-inner h4(background:#03B6CD}

@media ( min-width: 1000px ) {

.main-menu li{
font-size:120%;}

.main-menu li ul li{
font-size:90%;}

div.bg-image{
height:444px;
}

}

Hi, I’m also using (a childtheme of) the Lovecraft theme on my site about exotic holidays (https://exotischevakantie.info) and stumbled into this topic. Really great solution, I instantly got it working, many thanks for sharing this!

The colors are white and grey, which are pretty default. The fonts are Google fonts which you can use in any other theme.

Perhaps you can use more “neutral” header images? Something blurry, or just a gradient background?

Yes, I will do that. IMHO, WordPress should have a default custom CSS utility…

I know, thanks. I’ve already made a child theme. For small customisations, I use the Peter Coughlins custom CSS plugin: https://www.ads-software.com/plugins/pc-custom-css/

Put this in custom CSS to remove the date on pages only:

.page .blog-post-date { display:none; }

Just add another image URL, thats all:

.page-mycarousel {
	background: url("https://**********/wp-content/uploads/2015/12/******.jpg") repeat scroll 0 0 / cover #143745;
}

I do’nt know why it’s deleting any other files. But did you change some theme files and/or added some files in the directory of the Twenty Fifteen theme? That’s not the proper way to do this. You better make a child theme so your changes are safe if the theme is updated.

Seems you’ve uploaded an image with the slug /blog/. Delete/rename it and you’ll be fine.