Dyad pairs your written content and images together in perfect balance. The theme is geared towards photographers, foodies, artists, and anyone who is looking for a strong photographic presence on their website. You can check Demo of Dyad 2 by Automattic.
If you are using wordpress.com business plan or want to use the dyad2 theme in your hosting you can download the parent and child theme from below links
Dyad 2 By Automattic Theme Download
You can ask question regarding any issue you are facing.
You can take my personal help in skype : om2000_cuet
Question 1 : To change hover border color from light grey to different color in dyad 2 theme by Automattic
.home a.cover-link:hover {
border-color: red !important;
border-width: 11px !important;
}
Question 2: Homepage Read More button hover background color change
.home .posts .hentry:hover .link-more a {
background-color: red !important;
}
Question 3: Homepage Read More button background color, font size, font family
.home .posts .hentry .link-more a {
background-color: darkred;
color: white !important;
font-size: 12px !important;
font-family: cursive;
}
Question 4 : To change homepage posts title font color, font size and font family
.posts .entry-title, .posts .entry-title a {
font-size: 3.0rem;
color: darkred !important;
font-family: cursive !important;
}
** In single post page, to change post title’s font color, font size and font family
.single-post h1.entry-title {
color: yellow !important;
font-size: 32px !important;
font-family: cursive !important;
}
Question 5: How to change post content’s color, font size and font family from light grey to black
.entry-content {
color: black !important;
font-size: 16px !important;
font-family: cursive !important;
}
** this code is applicable for single post page too
Question 6: If you want to remove or want to make the light grey background of header menu section to be transparent
header#masthead {
background: transparent !important;
}
*** to use different background color without opacity try the code below
header#masthead {
background: red !important;
}
Question 7 : How to change the font size, color and font family of top menus
#site-navigation a {
color: #fff;
font-family: cursive !important;
font-size: 14px !important;
}
Question 8 : How to change drop down menu (child menu) black background color to different one
#site-navigation ul ul li {
background: darkred !important;
}
#site-navigation ul ul:before {
border-color: transparent transparent darkred transparent;
}
Question 9: How to change site title’s font color, font size and font family
header .site-title a {
color: yellow !important;
font-size: 34px !important;
font-family: cursive;
}
*** To change hover font color of site title
header .site-title a:hover {
color: red !important;
}
Question 10 : How to change footer widget section background color
.site-footer {
background-color: darkred !important;
}
Question 11 : To make the footer widget title centered, applying a background behind title, to change widget title’s font color, font size, font family, using border
Answer: use the following code
footer h3.widget-title {
color: white !important;
font-family: cursive;
font-size: 18px !important;
background: red;
text-align: center;
border-bottom: 1px solid white !important;
}
Question 12: To change footer widget’s links font color, font size and font family
footer .widget-area a {
color: white !important;
font-size: 14px !important;
font-family: cursive;
}
** to change footer widget’s links hover font color
footer .widget-area a:hover {
color: red !important;
}
Question 13: If you don’t want to show post date, category name, tags, author etc also want to show or hide featured image in posts, pages etc
Answer: Go to dashboard, then Appearance > Customize > Content Option and tick the options as per your choice
Question 14: To change footer copyright info without using any pluigns
Answer: Go to dashboard, then Appearance > Editor (theme editor). Follow the screenshot below
** do the change in child theme
Question 15: To change footer copyright info font color, font size and font family
.site-info a {
color: white !important;
font-size: 18px !important;
font-family: cursive;
}
*** to show the footer copyright text centered
.site-info {
display: block;
float: none !important;
text-align: center;
}
Question 16: To change footer copyright section background color
.footer-bottom-info {
background-color: darkred !important;
font-size: 1.4rem;
padding: 3rem 5.5rem;
}
Question 17 : To change the width of single page
body:not(.has-post-thumbnail).is-singular .entry-inner {
max-width: 1200px !important;
}
Question 18 : To reduce gap between top header and Page title
.is-singular div#content {
padding-top: 100px !important;
}
Question 19 : To reduce gap above and below of Page title
.is-singular:not(.home):not(.page-template-eventbrite-index) .entry-header {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
Great guide, thank you so much! I’m just wondering now, how to change the colour of the button that says “featured”?
LikeLike
Hi
please share me your site url to check
Om
LikeLike
Hello, how can I include a slider in the header so the users can click through header images I selected?
Thank you 🙂
LikeLike
Hi
which plan of wordpress.com you are using?
please let me know
OM
LikeLike
Hi! Is it possible to have three instead of two posts next to each other or that the panels consisting of text and picture can be made a bit smaller in general? Greetings!
LikeLike
HI
would you mind to try this first please?
@media only screen and (max-width: 1600px)
{
.posts .hentry {
width: 33.322% !important;
}
}
LikeLike
Hi,
my problem is if I share my page to fb or google no photo apperars. (I have no static front page.) Could you pls help? Thx!
https://clumsykitchensite.wordpress.com/
LikeLike
HI, which page u tried to share in facebook? share me that page link
Om
LikeLiked by 1 person
This: https://clumsykitchensite.wordpress.com/ When I share a blog post, it works properly, only the page’s link not.
LikeLike
Please try again now..it will work now 🙂
Om
LikeLiked by 1 person
What have you done? Magic! It works! Many thanks!
Eni
LikeLike
Pleasure Ani 🙂
LikeLike
It doesn’t work for my website on Dyad2 either : whe I share the homepage link on FB, the picture doesn’t show. It shows only if I share and inside page/article. What is the trick ? What can I do to solve this (major) problem ?
LikeLike
Hi Géraldine LV
share me the site url to check please
Om
LikeLike
Hi Om!
You’re doing a great job, thank you very much! Could you please help me to change space around “Previous post” and “Next post” at the bottom of a single page. Also there is a line with a dot, just above these two that could be move w little up. Thanks a million!
LikeLike
HI Rolandrolson
are you using wordpress.com free plan?
please let me know
Om
LikeLiked by 1 person
I moved to a different hosting provider, but I was on that free plan in the past.
LikeLike
In such case share me the site or post url to check please 🙂
LikeLike
http://rolandrolson.eu , any post will show you what I am trying to change. Thanks very much!
LikeLike
HI Rolandrolson
try this code
.single #jp-relatedposts {
margin-bottom: 1px !important;
padding-bottom: 0px !important;
}
.single article {
padding-bottom: 0px !important;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
padding-bottom: 20px;
}
.is-singular .post-navigation .nav-links {
margin: 1em auto 0 !important;
padding: 1em 0 !important;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
padding-bottom: 0px !important;
}
hope that helps
Om
LikeLike
Om, thank you very much for your help. The code did the magic, the website looks much better! You’re a star! Thanks again! 🙂
LikeLike
Hi Om,
Is it possible to have width of image more than width of column. For example, I have put width of single page 1000px as per Code #17 above and I want to have image width of 1200px on those pages.
LikeLiked by 1 person
please share me the page url where you want to do that change
Om
LikeLike
Hi! Is there a fix that makes a category’s or tag’s description visible on the first page, but not on page 2, 3 etc?
LikeLike
HI Gjermund Glesnes
Would u mind to clarify some more?
sorry didn’t understand your issue
Om
LikeLike
I use 24 posts per page on my category and tag pages. If the category has more posts, they will show up on /Page/2/, /Page/3, etc.
To improve my search rankings for the category pages I have started to write better descriptions, up to 300 words for each. However, the Dyad 2 theme by default shows the same description on all of them – making for duplicate content and poor usability.
LikeLiked by 1 person
let me check
share me any of your category or tag page where /Page/2/ showing
Om
LikeLike
https://detvondeliv.no/europa/
https://detvondeliv.no/europa/page/2
LikeLike
HI Gjermund Glesnes
try this
.archive.paged .taxonomy-description {
display: none !important;
}
let me know if it helps
Om
LikeLike
The code was
/*hide taxonomies description from paged archives*/
body.tag.paged .taxonomy-description, body.category.paged .taxonomy-description{
display: none;
}
LikeLike
Ok great..that should work too 🙂
LikeLike
Hi, Im totaly new in wordpress and need some help in customizing your theme. Its beautifull and brings my blog to entire new high-class level but want to made some tweaks:
1. how to change number of columns from 3 to 2? in live demo on my screen i can see 2 columns of pictures but after enabling theme my site got 3 columns. can you help?
2. where to appy all those changes you highlighted in list above? apperance–>editor? which option to select and where to put those codes you highlighted in points:4/5/9? cannot find them.
thanks a lot for help! youve done great work so far!!!
LikeLike
Hi Rafal
sorry for the late response, was busy with some personal matter.
are you using wordpress.com ?
please let me know
Om
LikeLike
Also, it is showing 2 column in your homepage?
LikeLike
HI, my blog is http://www.bezwegli.pl. Im using it directly from wp-admin.php panel but Im register on wordpress.com . on my homepage I got 3 columns but would like to have just 2. thanks for any hints how and where to apply your code
LikeLike
Hi Rafal
what is your screensize?
it is showing 2 column in my end?
please let me know
Om
LikeLike
Hi, my screensize is 1366×768 . the reason I was confused is that on live demo its showing 2 columns on full screed byt after implementation its showing 3.
what about those code changes? also I saw that in demo you got auto hidding on main menu on top of the page and cannot find this option in setup
thanks
Rafal
LikeLike
Hi Rafal
sorry seems i am not getting your issue,
would you mind to share me screenshot how it is looking in your end please?
LikeLike
I am trying to get the same thing on my website. The demo site shows 2 columns on homepage but when I customize it for my site, I see 3 columns. I would like to get 2 columns so that my images look bigger. How can I achieve this?
LikeLike
HI
would you mind to share me your site url to check?
Om
LikeLike
Hello! I need yto change the site description font size. Thank you
muriellesisaket@gmail.com
LikeLike
HI Murielle
would you mind to share me your site url to check please?
Om
LikeLike
Hi Om, Would it be possible to add a sidebar to the pages? I like the post layout, but I need sidebar for pages.
Julie
LikeLike
Hi Julie
yes possible
but are you using wordpress.com free or premium plan?
please let me know
Om
LikeLike
I have a few things I need. If you can do a sidebar and change some font size/color, I’d be happy to set up a fiverr.
LikeLike
THanks
sorry for the late reply
would u mind to tell in which page u want to create sidebar?
Om
LikeLike
I have my own domain http://best-of-sacramento.com
self-hosted wordpress.org
LikeLike
Hello! I’m also new in WordPress and have just started a blog using this theme. But, for some strange reason, the set up automatically made my Home a page where the posts do not appear, and I think it seems weird… here it is: https://frombraziltoitaly.wordpress.com/
How can I set this page as my home instead? -> https://frombraziltoitaly.wordpress.com/blog/
Thanks for any help you can give me!!
LikeLike
Hi Cerri
https://frombraziltoitaly.wordpress.com/wp-admin/options-reading.php
check “Your homepage displays” option
Om
LikeLike
Amazing! Thank you!
LikeLike
Hey Om, I have a issue with the balance between picture and text. Out of the sudden from one blog entry it changed and now the balance is gone. Could you help me with that?
I also use the wordpress free plan and the name is: travellingforlifeblog.wordpress.com
I also have one more question about the size from the blogposts. I love the view with two or three posts in a row but on my tablet or especially on the phone the posts are just in a column. Can I change that somehow?
Thanks a lot for your help (:
LikeLike
Actually in free plan you can’t use any css or others
😦
Om
LikeLike
Is there no possibility to get the balance back /: ?
LikeLike
have u checked your Visual and Html editor options of that post?
LikeLike
Yes but I cannot find the option to change the position or the side of the picture and the text. I think I remember that you could change that somewhere but I cannot find it anymore..
LikeLike
would you mind to share me the page or post url where the image and text alignment disturbed please?
Om
LikeLike
Sure, its travellingforlifeblog.wordpress.com
After 6 blog posts the balance is disturbed from one post. It does not matter which one because I already tried to take that post and tag it as the first post on the website but then just another blog post disturbs the balance. I checked if that is maybe the „next page“ that it is like starting over again but in my settings it says to show 20 posts per page and I just have 14.
Thanks for trying (:
LikeLike
just checked
it seems Ok to me?
LikeLike
Okay weird, on my tablet it is shown different. Can I send you somehow a screenshot?
LikeLike
yes..share me screenshot please
Om
LikeLike
Okay, how can I send it to you. WordPress does not give me the option to send any pictures
LikeLike
It is just visible if you zoom that far that you can just see one blog post in a row, the second is underneath and so on. If you have two posts in a row it does not appear
LikeLike
Hi
just upload the image in your media library and share me the url here
Om
LikeLike
https://wordpress.com/media/travellingforlifeblog.wordpress.com
Thanks, I uploaded two pictures. The first one how it should be and the second how it is
LikeLike
https://i2.wp.com/travellingforlifeblog.files.wordpress.com/2018/09/df7b2d12-7bcd-4379-b340-dc90be10d3c5.png?ssl=1&w=450
LikeLike
https://i2.wp.com/travellingforlifeblog.files.wordpress.com/2018/09/df7b2d12-7bcd-4379-b340-dc90be10d3c5.png?ssl=1&w=450
That it how it looks but it should be the text from the next blog underneath the picture… sorry for the confusing comments and the wrong link first
LikeLike
thanks
you shared same image 2 times?
sorry didnt understand the issue actually
😦
Om
LikeLike
I‘m sorry for the confusion 🙈🙈🙈
Okay I‘ll send you two images. The first how it should look like snd the second how it actually looks like.
First one: https://i2.wp.com/travellingforlifeblog.files.wordpress.com/2018/09/6be591ed-2a62-4fad-a382-f926feb4e5ec.png?ssl=1&w=450
Second one: https://i2.wp.com/travellingforlifeblog.files.wordpress.com/2018/09/df7b2d12-7bcd-4379-b340-dc90be10d3c5.png?ssl=1&w=450
LikeLike
thanks
sorry for the late
the image and content alignment ( to show images in the left and content to the right) can be changed
but in free wordpress.com site…i am afraid you can’t change that as it will need css to use
Om
LikeLike
Is there no option in the settings or something?
LikeLike
Umm no i think
LikeLike
…
okay.. thanks anyway
LikeLike
Hello, Could you advise how to allow comments aganst a blog post. I have allowed them in settings but they do not fnction on the site.
LikeLike
Hi
in which site you are working on?
would u mind to share me the site URL please?
Om
LikeLike
My site is http://www.sprucingthegoose.com. However, problem has resolved: I refreshed and deleted cookies in the (Opera) browser and coments appeared.
LikeLike
Hello Om. Great work you’re doing. Thank you. I’ve already picked up a few things from this post.
1. How can I get the FEATURED tag on the rotating banner to display to actual tag name? I can edit files if you can tell me where to look.
2. Can I get YOU to modify the comments template so that it’s easier and more compact to read (especially when there are a lot of comments) like here: http://appreciation.space/gratitude-list/
Thanks for all you do.
LikeLike
HI Elizabeth
so, you want to change the word “Featured” to a tag name…
go to your theme folder..and then “template-parts” and check “content-featured-post.php” file
and you will see the word “Featured” there
please let me know if it helps
Om
LikeLiked by 1 person
That’s perfect. THANK YOU Om.
QUESTION: Is it possible to style the comments template like a masonry grid so that it’s easier to read when there are lots of responses?
LikeLike
HI Elizabeth
thanks
can u share me any hints or example how u want the comments section to be looked?
Om
LikeLike
Hi, I have just completed my golf club site and it is looking pretty good. I have a number of images in the carousel but I would like to remove the word “FEATURED” that comes up prominently in each one. Is there any way to do that?
I am using wordpress premium and the site is http://www.bridgendgolfclub.com . The site has just gone live so there might be a delay in your service provider updating DNS settings
Thanks
Al
LikeLike
Hi AI
sorry for the late response
try this code please
span.banner-featured,.site-banner-header:before, .site-banner-header:after {
display: none !important;
}
please let me know if it helps
Om
LikeLike
Hi Om,
Thanks for the response, it was more than quick enough.
I am afraid that I need a bit more information.
Where do I insert the code that you have provided?
Thanks
Al
LikeLike
Hi AI
thanks
you have to put the code
Dashboard > Appearance > Customization >Additional css section
please let me know if it helps
Om
LikeLike
Hi Om, What can I say. The result is exactly what I wanted and extremely easy to implement.
Many thanks
Alastair
LikeLike
Pleasure Alastair 🙂
LikeLike
Hi Om, I am afraid that I have another question. I am trying to install a plugin to provide a calendar to manage bookings at the golf club. I have selected Amelia from TMS and it looks like a very good fit for our needs. I have successfully downloaded, installed and activated the pro version of the Amelia plugin. That is as far as I can get before running into problems. From there on everything that I try to do runs into an error code, typically Error 500.
I have checked everything as far as I can and Amelia is compatible and should work. Do you have any suggestions of what might be going wrong.
Thanks in anticipation
Alastair
LikeLike
Hi Alastair
in which cases the Error 500 showing?
you mean..creating pages, plugins?
let me know
Om
LikeLike
Hi Om, I believe that I have a fix to this issue. The version released by Amelia is not compatible with WP and they have given me a pre-release version that appears to work.
One less thing to worry about.
Cheers
Alastair
LikeLike
that’s great then Alastair 🙂
Om
LikeLike
Hi Om, thank you for creating this informative page. My menu consists of some categories whose pages have a title at the top like “Category: Category Name.” Do you know if there is a way not to show “Category:”? I’m using free WordPress.com plan but thinking of upgrading to the business plan.
LikeLike
Thanks Josh for your kind support
i replied you in fiverr 🙂
Om
LikeLike
I’m on wordpress.com, and would like to customize the text of the “read more” buttons displayed in the homepage to say “more info” ( instead of “read more”). Does anyone know how to go about that? any guidance is appreciated. 🙂
LikeLike
Hi Dresden
share me your site url
Om
LikeLike
Hello, there’s a yellow icon above “Readability” in your screenshot above for Question #17. That same icon is showing up as yellow on my pages for the Dyad theme but I’d like it to be Hex Code #872D62. Could you kindly tell me how to change this? My url for example is https://www.marquitamyrick.com/about
Thank you
LikeLike
Hi Myrick
would you mind to try this code
.is-singular .entry-inner:after {
background: #872D62 !important;
}
Om
LikeLike
Hi Om!
Thank you for all these amazing customizations, I’ve found almost everything I wanted to change on your page. Just one more thing, in addition to the yellow/orange circle at the top, there’s also a small dot in a line just above the previous post – next post navigation. How do I change the color of that one as well?
Thanks,
Bianca
LikeLike
HI Bianca
would you mind to share me your site url to check please?
Om
LikeLike
Thanks, my site is http://www.shinylife.co.uk
The little dot is on individual post pages at the bottom.
LikeLike
Hi Bianca
try this
.is-singular .post-navigation .nav-links:after {
background-color: #3fc10f !important;
}
Om
LikeLike
Perfection! Thank you so much!
LikeLike
pleasure
LikeLike
Om, you are AMAZING!! It worked perfectly! Thank you so much. I went to your Fiverr link. I am going to order something just so I can pay you for your time and assistance. It says delivery is 2 days but you already helped me so I just wanted you to know. When I have any WP issues in the future, I’m coming to you!
Marquita
LikeLike
Pleasure Marquita
thanks a lot for your kind support to me
🙂
Om
LikeLiked by 1 person
Hey there, I need to add a plugin PHP code into my header.php so that an image slider can appear on my website’s header. I just can’t figure out where exactly should I paste the code in the file so it works. I’ve tried shuffling it here and there a number of times but nothing seems to work. Could you please help me out? Thanks
LikeLike
HI Avantika
would you mind to share me the code u want to use please?
Om
LikeLike
Hi, I’m using this theme and I have a problem with the thumbnail images of the articles. Normally when I post an Article, the first image displayed in the homepage is the firstone of the article, but this time it doesn’t work and it puts the second one. I don’t know why the theme is working like this and I’d like it to be back to normal since that’s really disappointing seeing an image that doesn’t fit as a thumbnail.
LikeLike
Hi Danila
share me the site url please
Om
LikeLike
https://moechanpawsfood.wordpress.com
here
LikeLike
Hi Danila
have u tried using the Featured image in the post?
LikeLike
https://moechanpawsfood.wordpress.com
here
LikeLike
i love the dyad2 theme, it’s my favourite wordpress theme!
thank you for this post!
LikeLike
hi there is it possible to edit the colors of the read more buttons, color of the header /footer area on WordPress.org. Had the theme is WordPress.com and moved to a new host and installed this theme and now it isn’t as customizable but I do love it! Also my pics are blurry and I am not sure if it is due to the theme or not. any help is much appreciated
LikeLike
Hi stefanieskrzypek
yes possible
share me your site url to check please
Om
LikeLike
http://stefseatsandsweets.com/
LikeLike
Try this code
to change the color of read more button
.link-more a {
background-color: darkred !important;
color: #fff !Important;
}
background color of footer
.site-footer {
background-color: darkred !important;
color: white !important;
}
footer text color
.site-footer * {
color: white !important;
}
let me know if it helps
Om
LikeLike
Hi. I’m running Dyad 2 them on WordPress 5.2.4 but the tiled galleries are displaying as single images (no masory/tiling effect). Love the theme and was hoping to keep it. Works like a dream on the free WordPress platform, but not on when I tried hosting it elsewhere. Works great in every other respect. Doesn’t seem to be calling the javascript or adding the addtional classes for the tiling to take shape?
LikeLike
Have u installed jetpack and connected with wordpress.com ?
LikeLike
Yeah, I installed Jetpack, and then did a re-install just in case. Other plugins are: SEO Yoast, Akismet Anti-Spam and Limit Login Attempts Reloaded. have only modified the style.css manually. Jepack version 7.8?
LikeLike
would you mind to share me your site url please to check?
LikeLike
Yeah, no problem. I’ve added a tiled mosaic gallery at the bottom of this page:
https://www.monocledmutineer.co.uk/hilda-porter-georgian-house/
Approached it in much the same fashion as the one on this page on the WordPress sub-domain:
https://pixelsurgery.wordpress.com/2016/06/06/percy-toplis-bothy-tomintoul/
This one was Dyad (not Dyad 2)
LikeLike
please check this https://jetpack.com/support/jetpack-blocks/tiled-gallery-block/
let me know if that helps
LikeLike
Righteo. Will do. Will give it a try and get back to you. Thanks very much for finding this. Promising.
LikeLike
No joy with that, sadly. Still not displaying when previwed. Curiously, the tiled mosaic effect takes shape and displays in the edit/content panel (the block) but not when you view the actual page preview. Also noticed that when I enabled ‘Lazy load for images’ in Jetpack, none of the page images would display?
LikeLike
Hi
in which page you tried to show?
and please check if any plugins is causing this or not
LikeLike
I enabled lazy load site wide. Will look at Plug in conflicts but the only plugins are those named above. Will try it on another site on another server. That was running php 7.3. Will try a couple of things. No problem. Thanks for the input. Theme works great elsewhere.
LikeLike
Ok let me know what u get 🙂
LikeLike
Thanks for all the input on this. In the end I tried the theme on a fresh domain and all worked well, so I removed the theme from the orginal site then did a fresh install and now everything seems to work fine. The tiled gallery displays nicely now. Just one of those things I suppose. Issue resolved! Thanks!
LikeLike
My site is https://gryphoneblog.com.
If I click on a category (for example, Cooking), I see the 10 most recent entries for that category. But I have 11 entries in the category and the 11th is not visible. At the bottom, there is a black rectangle and if I click that, then the 11th entry displays. Shouldn’t the black rectangle have some kind of text like “More” or “See More”? Otherwise, the user does not know to click on it to see the remaining entries.
I have tested this on Chrome, Edge, Opera, and Brave.The behavior is the same for all of them.
LikeLike
Hi David
put this code
div#infinite-handle * {
color: white !important;
}
in your Appearance > Customize > Additional CSS section
let me know if it helps
** to show more than 10 posts in a category page, you can change it from Settings > Reading >
Blog pages show at most
Regards
Om
LikeLike
Fixed it. Thank you, Om!
LikeLike
That’s great David 🙂
Regards
Om
LikeLike
Is there a way to have an image display in the left pane, but not with the text in the right pane, or vice versa? Sometimes I want an image in one place or the other, sometimes I want it in both places. Is this flexibility possible?
LikeLike
Hi David
possible
but that will need modifications of the theme
Regards
Om
LikeLike
Did something about the default font for paragraphs change? I notice that text in italics looks a little different. I like it.
LikeLike
sorry David
i didnt understand what u said
Regards
Om
LikeLike
I noticed yesterday that if there is text in italics in a blog entry it now looks a little different (and I think clearer and better). It’s probably just my imagination.
LikeLike
Wow! Great page!! I have a question, please…
How can I change the color of the links in a simple post?
And… how to change de image (this yellow doc.) at the top of the post?
My page: https://chinchetasenunmapa.com/posts/2020/01/31/loja-la-provincia-de-las-mil-sorpresas/ (there are some hyperlinks underlined but in the same color of the text)
Thanks a lot!!!
LikeLike
Hi Sergio
to change the link color try this css code
.single-post .entry-content a {
color: red !important;
}
Regards
Om
LikeLike
Thanks a lot! Very usefull!!
LikeLike
Pleasure
LikeLike
Hi there, thank you for this it is very useful! Would you know how to change or remove the line breaker at the top of each post, it shows as either a camera or word icon depending on the type of post. I would like to delete the whole breaker if possible?
LikeLike
Hi Tom
share me your site url to check please
Regards
Om
LikeLike
https://make-tracks.co.uk
Thanks!
LikeLike
Hi Tom
try this
.entry-inner:before, .entry-inner:after,.entry-content:before {
display: none !important;
}
LikeLike
Thank you so much!! Worked perfectly
LikeLike
Dear Om Prakash, I am getting crazy and can’t do it. How can I introduce by CSS a floating back-to-top button on my post page? Thanks a lot!!
LikeLike
Hi Sergio
you can use plugins for that
regards
Om
LikeLike
Thanks for the tip! I managed to do it.
Great to have you.
Best regards,
LikeLike
Hi Sergio
what you used?
Regards
Om
LikeLike
“WPFront Scroll Top”. Works perfect and can exclude some pages. Except “category” pages that I don’t know how 😀
All the best
LikeLike
Hi Sergio
so u want to remove the “Scroll to top” from category page?
if yes
share me your category page url
Regards
Om
LikeLike
Hello Om, the thing is that in my blog I have a menu that links to different categories. As an example:
https://chinchetasenunmapa.com/categorias/el-salvador/
https://chinchetasenunmapa.com/categorias/ecuador/
Is a bit complicated, as I use Dyad2 only for single posts and another template (with its own scroll-to-top-button) for the rest of the blog.
If you enter the links I shared, you will see that I managed to put in the same position the button of the plugin with the button of the template.
The plugin let exclude some pages as “home” or “blog page”, but I don’t know how to refer “categories” to the plugin to exclude them too….
I don’t know if I explained well… 🙂
LikeLike
Hi Sergio
can u try this css and let me know if it helps you?
.archive.category a#smoothup {
display: none !IMPORTANT;
}
Regards
Om
LikeLike
😱😱😱😱 unbelievable!!!
It works perfectly. You are a genius!
Many thanks, Om!
Sergio
LikeLike
Pleasure Sergio
🙂
Regards
Om
LikeLike
Hello Om
I am working on a wordpress website on localhost because i want to change the theme of the website. i am changing the theme to dyad 2 but i am not getting all the customising options on localhost can you help me ? and tell where i am going wrong?
LikeLike
Hi Sanchita
I think you need to install Jetpack and connect it to wordpress.com account
that may help
Regards
Om
LikeLike
Is there a way to make the header / logo smaller? Currently it seems a bit too big especially on tablet and phones.
Cheers.
LikeLike
Hi Lo
in which site you are working?
share me the url please
Regards
Om
LikeLike
Hi there, I managed to put together some CSS codes to get what I hoped as documented here (https://wordpress.org/support/topic/make-logo-header-smaller-on-mobile-devices/), one issue remains though, on a phone the header image and the hamburger menu “click area” is overlapped, and sometimes trying to open the hamburger menu will accidentally click the header image instead.
The site is https://www.peacebazaarhk.com
Cheers
LikeLike
can you try this please?
@media (min-width: 320px) and (max-width: 668px) {
.site-branding {
float: left !important;
}
#site-navigation {
width: 100% !important;
float: left !important;
}
#masthead.site-header {
clear: both;
overflow: hidden;
display: block;
}
}
Regards
Om
LikeLike
Seems to be the same.
Here is a screenshot trying to illustrate the issue: https://ibb.co/JzYRZh2
Cheers.
LikeLike
actually the code i shared, it should solve the overlapping issue of left logo and right humberger icon
have u checked by clearing cache?
LikeLike
Thanks a lot. Let me test again when I’m in front of the computer tonight.
OTOH, it does seem better to put the logo in centre on phones…. Anyway to make only the logo clicks instead of the big surrounding area too?
Cheers.
LikeLike
ok
LikeLike
Hello Om Prakash;
Thank you for this page! it is really helpful!
Well, i have a question, if you can help me please in this,
The homepage of the Dyad 2 theme shows an image behind the top menu, which is really great, and i would like to do so for the other pages.
I tried using the featured image, but it shows up on the left side, which is not what i want.
Is there anyway by which i can have the other pages with a similar top image full width and behind the top menu (like homepage)?
The website im working on is http://www.chromeaccountants.com.au/
so i need for example the contact us page to have a similar header top image as the homepage.
Is it possible? Can you help?
LikeLike
Hi,
thanks,
would you mind to try this code please?
body.page:not(.home) #content, body.page:not(.home) #content .entry-inner {
padding-top: 0px !IMPORTANT;
margin-top: 0px;
}
Regards
Om
LikeLike
I’m so happy! You made my day! thank you!
LikeLike
Is there a way to have it also appear on top behind the menu for lower screen resolutions?
It worked fine with desktop resolutions, but when I open it via mobile it shows a top white padding. Can we solve this?
Thanks in advance!
ghina
LikeLike
Hi Ghina
please try this
@media (min-width: 320px) and (max-width: 668px) {
body.page:not(.home) #content .entry-content {
padding-top: 0px;
}
header#masthead {
position: absolute;
}
header#masthead .site-branding {
padding-bottom: 0px;
}
body.page:not(.home) #content .entry-content {
padding-top: 61px;
}
}
Regards
Om
LikeLike
Well, i have used the code, but it is still showing white top padding on small screen resolutions. I have updated the file and deleted the cache though..
LikeLike
hi Ghina
would you mind to pause the cdn or clear the cache please?
i am not seeing my code implemented in your site
Regards
Om
LikeLike
Any other suggestions to solve this top padding issue on small media resolutions?
Thanks in advance.
LikeLike
Oh my God!! That’s great!!
It worked like magic! Thank you so much Om!
LikeLike
Salam again Om,
I have another question if you don’t mind..
As we scroll down, the top menu header with the navigation menu and the logo goes up and disappears. How can we keep the whole top header (the logo, navigation menu and its transparent background) fixed, even if we scrolled down the page.
I’ve tried some plugins to have it as sticky menu, but it didn’t work, it only kept the navigation menu without the logo and with no transparent bg behind.
It is still for the same website http://www.chromeaccountants.com.au/
Any advice?
Thank you again for your time and effort, and I wonder if we can do you any favor in return..
I’m a graphic designer, so if you need any help with photos or illustrations, i’ll be glad to help.. Thanks again..
Kind Regards
ghina
LikeLike
Hi Ghina
thanks
for the fixed header issue try this code ( i have shared the code for desktop version)
@media (min-width: 1110px) {
header#masthead {
position: fixed !important;
}
}
Regards
Om
LikeLike
Unfortunately, it didn’t work either. Neither for desktop, nor for tabs or mobiles.The whole top header menu moved up and disappeared as I scrolled down.
Can you please share the code again for having a fixed top menu for all media resolutions.
I didn’t find the fixed header code that you shared for desktop version.
Sorry for interrupting you again..
Thanks for your time and efforts..
Regards
ghina
LikeLike
hi Ghina
would you mind to pause the cdn or clear the cache please?
i am not seeing my code implemented in your site
Regards
Om
LikeLike
I have removed it in order not to be confused.. i”ll use it again in a minute for you to check. Thank you!
LikeLike
Kindly you can check both the fixed-header issue, and the top image issue for small resolutions on http://www.chromeaccountants.com.au/
Thank you Om..
LikeLike
i am not seeing my code implemented
have u cleared the cache?
also
u put the full code?
@media (min-width: 1110px) {
header#masthead {
position: fixed !important;
}
}
LikeLike
Well i used it on the style sheet found in the theme files. Should i put it somewhere else?
LikeLike
I used it in the Additional CSS..
GREAT!!
THANKS LOADS!!
You are amazing OM!
LikeLike
MAGIC OM!
It works perfectly. You are so smart!!
LikeLike
Pleasure Ghina
so both of the code ..i mean fixed header (for desktop) and gap worked?
LikeLike
Yes! Amazingly, it worked for both!
I just changed the code for header position @media (min-width: 320px) and (max-width: 668px) to be fixed instead of absolute as such;
header#masthead {
position:fixed !important;}
But it all worked with your great help Om! I thought i would never be able to find the solutions for these issues. Thank you!
LikeLike
Pleasure Ghina
Regards
Om
LikeLike
Hello Om,
Hope my message finds you well..
Thank you for your great help earlier this week..
I still have a question, hope you would be able to help me again in this,
Is there any way by which i can change the height of the header image in the homepage?
It is usually 1800px by 720px. Can we for example make it 1800px by 1000px, or any other height?
Thank you
ghina
LikeLike
Hi Ghina
would you mind to share me the original image url and your site url please
Regards
Om
LikeLike
Thank you for your reply.
The website is http://www.chromeaccountants.com.au
The image is: http://www.chromeaccountants.com.au/wp-content/uploads/2021/01/big-header.jpg
LikeLike
Hi Ghina
in your theme’s ( if you are using child theme then check parent theme) function.php
and try to find and change this parameter
add_image_size( ‘dyad-2-banner’, ‘1800’, ‘720’, true );
** you may need to reattach the banner image to see the effect..otherwise current header may not show the effect
Regards
Om
LikeLike
Thank you Om,
Well, I’m not working on a child theme.
I did modify the parameter in functions.php to;
add_image_size( ‘dyad-2-banner’, ‘1800’, ‘1181’, true )
and i have uploaded a totally new image having the mentioned new size (1800×1181) but unfortunately it didn’t work..
Anyways, Thank you for your great help!
LikeLike
i see
Ok
LikeLike
Hi Om,
I have installed jetpack on my website. Problem is I can’t figure out how to display content in featured posts. In regular posts the text is displayed. The second question is my logo is missing in posts, I have set my logo in the customizer. I am using a child theme for Dyad 2. Hope you can help me. Kind regards, Ingrid
LikeLike
Hi Ingrid, would you mind to share me your site url to check?
Regards
Om
LikeLike
Hi Om, thank you for your quick reply! the url is https://kleinzweden.nl regards, Ingrid
LikeLike
Hi Ingrid
i think the single post logo issue is coming from jetpack lazy load image, or from cache, would u mind to check please?
Regarding the featured post content
have u checked Appearance > Customize > featured content section?
LikeLike
Hi Om,
you were right about lazy loading feature in jetpack, I disabled it and my logo is visible in posts. Regarding the featured content section in the customizer, I added a tag for featured posts. This tag is in the featured posts 3 running know as a test. The (sticky) posts below the featured posts are showing content but when clicking the text is gone like in the featured posts. I have cleared the cache. Hope I explained it correct. regards, Ingrid
LikeLike
Hi Ingrid
can u share me screenshot image of the editor to see how u entered the text? also you have not done any changes in theme file, right?
LikeLike
Hi Om, The only thing I have changed in the template is changing the word “featured” into “Nieuw” in the content-featured-post.php file. How can I upload a screenshot to show you the editor? regards, Ingrid
LikeLike
Can u check the content-single.php file please?
actually content-featured-post.php should work only in homepage, not in single post page
LikeLike
Hi Om,
No problem at all, I replaced the code, the website is visible again. But it didn’t solve the problem. The excerpt is visible on a laptop. Clicking the title of the featured post to view the whole post, it shows the image left, a white block right with the title, but no content. This is the link: https://kleinzweden.nl/zweedse-antieke-klokken/
LikeLike
Have u done any change in content-single.php ?
can u share me the file?
LikeLike
Hi Om, no I did not change anything in the content-single.php. I can only send the code through this message box there isn’t a posibilty to upload a word document or the file itself. My browser is Firefox, maybe switch to Chrome?
<article id="post-” >
ID, get_post_thumbnail_id( $post->ID ), ‘dyad-2-featured-image’ );
$thumb2 = dyad_2_get_attachment_image_src( $post->ID, get_post_thumbnail_id( $post->ID ), ‘dyad-2-featured-image-horz’ );
?>
<div class="entry-media" style="background-image: url()”>
<div class="entry-media-thumb" style="background-image: url(); “>
<?php the_title( '’, ” ); ?>
” . esc_html__( ‘Pages:’, ‘dyad-2’ ),
‘after’ => ”,
) );
?>
LikeLike
Ok better you add me in skype
om2000_cuet
LikeLike
Sorry Om, I don’t use skype. Is there another way to solve the problem?
LikeLike
ok send a mail to prakash02cuet@gmail.com
LikeLike
Hi Om, thank you so much! It works perfectly now.
regards,
Ingrid
LikeLike
Pleasure Ingrid 🙂
LikeLike
Hi Om,
In an earlier question on this page I found this: The Dyad 2 theme shows an image behind the top menu, which is really great, and I would like to do so for the other pages. I tried using the featured image, but it shows up on the left side, which is not what I want.
You gave the following CSS code to solve this:
body.page:not(.home) #content, body.page:not(.home) #content .entry-inner {
padding-top: 0px !IMPORTANT;
margin-top: 0px;
}
When I use this code the featured image of a page is still on the left instead of fullscreen on top. Could you please take a look, this is an example, the url is: https://kleinzweden.nl/home-lilla-sverige/
Thanks in advance!
regards,
Ingrid
LikeLike
HI Ingrid

is that something u r asking?
LikeLike
Yes Om,
I would like to have a full screen picture behind the top menu, instead of how it looks now on the left. Is that possible?
regards,
Ingrid
LikeLike
Maybe I didn’t understood you correct, because on the printscreen you placed the image is full screen behind the top menu. But what I mean is a image header behind the top menu and the content also like it normally is at a page (centered or full screen) and not as in the printscreen on the right. regards, Ingrid
LikeLike
Hi Ingrid
ok please check this mockup
the featured image i tried to show behind the top menu and made the content centered
let me know if that is what u r asking please
LikeLike
Sorry Om,
I ment like this the website: http://www.chromeaccountants.com.au/ which you provided the CSS for. It just didn’t do the trick for me.
The code you gave for that website was:
body.page:not(.home) #content, body.page:not(.home) #content .entry-inner {
padding-top: 0px !IMPORTANT;
margin-top: 0px;
}
This website has a image (fullscreen) header behind the top menu on pages like home, our services etc.
Hope I gave you a good example know.
regards,
Ingrid
LikeLike
Hi Ingrid
so the modification which u r referring is,
Top menu ( let it be same as it is now)
below top menu u want to show the featured image in full screen
then u want to show the content centered ( left featured image will be removed )
am i right?
LikeLike
Yes! That’s it 🙂 Thank you Om for your effort.
Regards,
Ingrid
LikeLike
Ok Ingrid
i m mailing you back in your gmail.
LikeLike
Thank you so much for your help today Om! Now the theme is ecactly I wished for. Great appreciation for your work. Regards, Ingrid
LikeLike
Pleasure Ingrid 🙂
LikeLike
Hi, Is there a way to add the date to an excerpt? Small font size to not get in the way. Thank you.
LikeLike
Hi Adam
u want to add date in your blog page excerpts?
let me know
Regards
Om
LikeLike
Yes please. Just small font so that it’s not intrusive. Is that possible? Thank you
LikeLike
Hi Adam
please take a backup copy of your site using All in one migration and send me the backup copy in prakash02cuet@gmail.com
let me check
Regards
Om
LikeLike
Hello I am making a website with dyad 2 theme. when you click on the post it takes you to a page where it shows photo of the post on the right and the photo and writing on the left.
Is there a way to make this like the homepage so it is not split?
the site is under construction right now.
Thanks for your time.
LikeLike
Hi Ken
so u want the post page, to look same as the homepage?
Regards
Om
LikeLike
Hello Thanks for the reply back. I actually figured out how to make a page look like the homepage last night before I got your message. You do great work. Thanks
LikeLike
Hello Om, I hope you are doing well. Here I am again with a problem…
With the new update of wordpress, margin/space between pictures disappeared.
Can you help me with a CSS code to add a space between them? Here is an example: https://chinchetasenunmapa.com/posts/2021/08/30/tarrafal-la-ultima-esperanza-de-santiago/
Thank you very much!
LikeLike
Hi Sergio
would you mind to clarify me the issue some more please?
sorry didnt understand the issue
Regards
Om
LikeLike
Thank you, Om! I just tried to solve my problem inventing CSS codes looking the examples in your page, and finally I used
.wp-block-image {
margin-bottom: 20px;
}
That solved the issue of no space between pictures, so, the link I shared currently dont show the issue.
Thanks a lot and best regards!
Sergio
LikeLike
Thats great Sergio
🙂
and sorry for the late reply
LikeLiked by 1 person
Thanks to you. I am always learning from you!
😊
All the best
LikeLike
Was wondering if you know how to replace the “categories” that appear as part of the post title over the image featured on the left side of the page with the post’s tag cloud?
LikeLike
Can u share me the post url to check please?
Regards
Om
LikeLike
https://recipewarehouse.space/chickpea-teff-pizza-crust/
normally the “categories” when enabled show up in the header just above the entry-title. i would like the tags for the post to show up here. i wasn’t able to figure it out in the theme editor or raw css
Chickpea Teff Pizza Crust
LikeLike
Hi
ok, let me check,
can u do one thing, please install “All In One Migration” plugins and create a backup of your site. Then share me the backup ( through drop box or anything which is suitable for u) in my mail prakash02cuet@gmail.com
Regards
Om
LikeLike