[Edwin]

Hello, how do I add a small author image (and possibly a short bio) to my blog posts and pages? I have a gravatar image and I have the info filled in under my user profile, but it does not show up in the posts or pages. I want to add a author pic with my name/title in posts and also pages, but not in product listings. Can you assist? If possible give me the site wide css code, so I do not have to insert in every post/page. Thank you, Edwin

PS Actually, what I am looking for is exactly what is appearing next to this post…

website address is goldenbuddha.net

[Skandha]

@mmhgloba: Hello Edwin,
Have you added the author info in your user profile.
Go to => Dashboard => Users => Edit a user and add Biographical Info and Update User.

Kind Regards,
Skandha

[Edwin]

Yes, like I said, it is not working. Is it disabled for this theme?

[Edwin]

I manually added the author bio into the posts and pages for this website. But I have a different website that has too many posts to do it manually. That website has the same adventurous pro theme globaltravelpress.com

It is important that we get some kind of solution. Using the built in wordpress feature is the best option. Will you be able to fix this?

[Edwin]

I want to disable the dots on the home page slider image. I need the css code…can you assist? website goldenbuddha.net

[Skandha]

@mmhgloba: Hello Edwin,
To have the author bio show up after every posts you will need to have multiple author.
So if you have only one author
Go to => Dashboard => Add new => Fill in the info and create a new Author.

Now,
Create a new post using the new author. Now the author bio should show up on each of the posts.

To disable the dots on the slider
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#main-slider #controllers {
    display: none;
}

Let me know if this works out!
Kind Regards,
Skandha

[daveearley]

Is it possible to move the author box to the top of the page, above the title? I can’t get it to move with the CSS code I am trying. Also, is it possible to make the image larger? I’m using .author-avatar and “width” to try changing the size, but it’s not working. All I could do was distort the image and move it behind the description somehow.

[Skandha]

@daveearley: Hello there,
Please post in your site URL so that I can look into your issue.

Kind Regards,
Skandha

[Edwin]

Hi Skandha, I had a quick follow up. WordPress blocks does not highlight the H2, H3, H4 header title text in the body of the posts and pages. This is especially a problem if you have a lot of achives. I tried using the customizer to make site wide changes but it is not effective. Can you send me the CSS code to change the color, font style and family for the headers? H1 tags has been adjusted, so that is OK for now. Here is a post link https://iglobal.net/2016/07/14/etosha-national-park-safari/ Thanks!

[Skandha]

@mmhgloba: Hello Edwin,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* For heading h2 */
h2 {
    color: red;
    font-size: 26px !important;
    font-family: Ravie;
}

Likewise you can use the code for other heading, just replace h2 with your required heading.
Also, you can change the color, font-size and font family according to your choice.

Let me know if this works out!
Kind Regards,
Skandha

[Edwin]

Hi Skandha, this works pretty good. But it also affects the product titles in woocommerce. You can see the issue here: https://goldenbuddha.net/product-tag/dzambhala-statues-kubera/ Can you send a solution so I can adjust the product titles separately from the post and page titles? I like the larger text for the product titles, but not quite that big. Also, I should adjust the color. Thanks, Edwin

[Edwin]

I found the code for the woocommerce product titles, so it is no longer an issue. But I need to change the woocommerce cross sell text “You Also May Like….” because it is too large. You can view it in this product listing here: https://goldenbuddha.net/product/kubera-dzambhala-statue/

Can you send the CSS code? Thanks!

[Skandha]

@mmhgloba: Hello Edwin,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.up-sells.upsells.products h2 {
    font-size: 15px !important;
}

You can change the font size according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Edwin]

Hi Skandha, thanks for the CSS code, it worked very well. One more issue I am having is with the product images in search results. Is it possible to exclude the product images? They are way too large in desktop and I do not think they are entirely necessary anyway. You can view it here: goldenbuddha.net If you can make them fit better, that is best. But if not, please send the CSS code to exclude the product images from search. Thank you, Edwin

[Skandha]

@mmhgloba: Hello Edwin,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.search .featured-image img {
    max-width: 50%;
}

You can change the max-width value according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts