paulwpxp
Forum Replies Created
-
We can do that using WordPress’s body_class
https://codex.wordpress.org/Function_Reference/body_classWordPress automatically injects body_class based on page, we don’t have to do anything other than make use of it.
For example, suppose we have div.myclass that shows on both single post page and archive page, and we want to make change (style it differently) on archive page, we would do this
.archive .myclass { background: red; }then the div.myclass will have red background only if it’s on archive page.
To do that to Blog (Posts page, Blog home page) too, we just add this
.blog .myclass { background: red; }I hope you get the idea, see the lists of WP’s body_class at link above.
There is also post_class (but in most case body_class gets the job done). The link here is info on post_class in case it might be useful in some cases.
https://codex.wordpress.org/Function_Reference/post_classForum: Themes and Templates
In reply to: [Twenty Sixteen] twenty-sixteen "Posts page"When a page is set to be “Posts page”, the content of that page will not be used, only its URL is used as a page that displays list of posts (called Blog’s home page or Posts Page).
This URL (of a page set as “Posts Page”) is mainly used in menu.
Forum: Themes and Templates
In reply to: [Hemingway] Remove the black box in front of the header imageFirst, install one of these Custom CSS plugins (pick a simple one)
https://wordpress.org/plugins/search.php?q=custom+cssand use this CSS code
.blog-info { background-color: transparent; }If your header image’s main color and the text color for site title doesn’t have enough contrast (for readability), use this code to change text color for site title and description.
.blog-title a { color: #ff0000; } .blog-description { color: #00ff00; }Forum: Themes and Templates
In reply to: Spacing between headerI wanted to have the slider connected with the header.
Do you mean moving the slider to the bottom of navigation? If that’s so, use this CSS via Custom CSS plugin
.home.page .main-nav.mb-30 { box-shadow: none; margin-bottom: 0; }Forum: Themes and Templates
In reply to: Change Span Style ColorPlease make sure to use the code via Custom CSS plugin. I see you got Jetpack already installed, Jetpack has this Custom CSS module so in your case there is no need to install separate Custom CSS plugin, just enable this module and use the code in its setting page.
There is another issue that worth mentioning which is the massive file size of background image (8.6MB)
http://beatbinge.com/wp-content/uploads/2013/04/texture-001.jpg8.6MB on background image is not just slowing the site down but it costs too much for site visitors. For this kind of image we can just optimize it down to less than 100KB while keeping the look and feel just the same.
Don’t you wanna translate the whole theme into your language?
Try this plugin
https://wordpress.org/plugins/loco-translate/To go with CSS way, kinda hackish but it works, use this code in your Custom CSS plugin. Just change the text to your own.
.more-link::before { content: "Read more →"; display: block; height: 27px; } .more-link { height: 27px; overflow: hidden; }Forum: Themes and Templates
In reply to: trying to change header, no CSS option in my customize menuIt’s this at line #100 in your child theme’s stylesheet
body #wrap { background-image: url("images/bg_x3ko.png"); background-position: center top; background-repeat: no-repeat; width: 100%; }This is the image path
http://alikern.com/wp-content/themes/ali_kern_2014/images/bg_x3ko.pngSo to change the header image is to download this image and make edit to it (keep it the same name) and then upload to replace the old one.
OR to keep the old one just in case, edit the image with new name and then change the image file name in CSS accordingly.
Upload file to its directory via cPanel or SFTP.
Forum: Themes and Templates
In reply to: Full Width Header IssueThe theme you are using hasn’t been update for years, and it seems that theme author has been missing too. So I would suggest changing theme, there are plenty of good themes that keep up with recent WordPress update.
So anyway, since this theme has fixed width layout, we can simply make the header area fixed width and assign our big logo as background image.
To do this, first we need to install a Custom CSS plugin, pick one that is simple and install and activate it
https://wordpress.org/plugins/search.php?q=custom+cssUpload the big logo image (960×300) via Media Library, just upload the image and get the image URL. Once we have our image URL, replace the image URL in this code and use the code in Custom CSS
.site-logo { display: none; } #header a { background: url("http://dummyimage.com/960x300/eeeeee/000000.png") repeat scroll 0 0; display: block; height: 300px; width: 960px; }It might not be your fault after all.
There could be some kinds of conflict on latest WP version (v4.5 just came out) and some functionality in the theme you are using. The theme you are using has this SiteOrigin Page Builder integration so it’s possible that there’s something not going well with latest WP version.
Since the theme you are using is not hosted here at WordPress.org repository, volunteers here can not help with detail inspection, also it’s against forum policy too. We don’t have access to the source, we don’t even know the version of SiteOrigin Page Builder that theme uses.
So the best thing to do is to report the problem to your theme’s support channel (where the theme’s purchased).
As a sidenote for consideration, since the site is in early stage, I’d personally suggest changing theme, you know there are plenty of theme that has similar kind of look that’s hosted here and easier to use.
Here are some examples
https://wordpress.org/themes/edin/
https://wordpress.org/themes/argent/
https://wordpress.org/themes/sequential/Themes that are suitable for writer
https://wordpress.org/themes/publication/
https://wordpress.org/themes/scrawl/
https://wordpress.org/themes/syntax/Forum: Themes and Templates
In reply to: Widget customizationThe code already takes care of the font, it uses @import pulling that same font. If it doesn’t work for you, it could be that there are other CSS rules before, (the @import must be the first rule for it to work). So, please make sure that you put that whole block of code the very first thing and then put other code below it.
About the social icons, please consider using plugin, there are plenty of them just find the one that look similar to.
Forum: Themes and Templates
In reply to: Request: Help Debugging ThemeSee this trac ticket
https://core.trac.wordpress.org/ticket/36510also this
https://wordpress.org/support/topic/sidebar-drops-underneath-page-contentForum: Themes and Templates
In reply to: [Olsen Light] Unclean social sharingWhat we need for this is not Yoast SEO plugin, we only need Open Graph tags.
https://wordpress.org/plugins/search.php?q=facebook+open+graphYoast SEO plugin has this OG protocol integration that’s why a lot of people suggest using it for this purpose.
Forum: Themes and Templates
In reply to: [Twenty Twelve] What does the 2.0 update bring?There is added in feature on theme customizer so it can use Selective Refresh in WordPress 4.5, this I think has nothing to do with child theme, it’s just for user to see the changes made via Theme Customizer.
https://themes.trac.wordpress.org/changeset?old_path=/twentytwelve/1.9&new_path=/twentytwelve/2.0
Forum: Themes and Templates
In reply to: [Theme: Olsen Light] change link colorFirst please install and activate this plugin
https://wordpress.org/plugins/simple-custom-css/Then navigate to Appearance > Custom CSS
Copy and paste this code below into it and click save
/*========== Begin change link color ==========*/ a:hover, a:focus, .navigation > li > a:hover, .navigation > li.sfHover > a, .navigation > li.sfHover > a:active, .slick-slider button, .entry-title a:hover, .entry-meta a, .entry-utils .socials a:hover, .read-more { color: #e15c2e; } .read-more:hover { border-color: #e15c2e; } .btn, .comment-reply-link, input[type="button"], input[type="submit"], input[type="reset"], button { background: #e15c2e; } /*========== End change link color ==========*/Forum: Themes and Templates
In reply to: Rename default page templateTake note (pay attention) on the different in the header (topmost info) of default page.php and the custom-page-template.php, and then just copy the content of the custom one put(paste) into the default one.
