How to remove border & Move widget

Hi

To remove border from the blog page you can simply apply these additional CSS as follows:
(to remove borders from blog)

article#post-2812 {
border: none;
}

(to remove borders for comment)

div#comments {
border: none;
}

For widget to move on right top corner you need to add widget to sidebar as follows
Customize > Widget > Sidebar > add widget.

I hope this will help you.

Regards,
Ruchit

• This reply was modified 4 years, 6 months ago by Ruchit Shah.

Thank you Ruchit, the CSS codes work great!

I tried Customize > Widget > Sidebar > add widget but it only shows Footer and Header widgets no Sidebar.

I forgot to ask….how do I remove header photo from the blog page too?

Hi there,

I hope you are using Gold Essentials theme.If yes then I am sharing a screenshot from my screen where I can see sidebar options :Customize > Widgets > Sidebar https://prnt.sc/sgfnn7

To remove header image Go to Customize > Header Image > Click on Hide Image
Screenshot : https://prnt.sc/sgfohb

I hope this will help you. Do let me know how it works.

Regards,
Ruchit

Ruchit

I take it you are using the Pro version of Gold Essentials as I use the free version and it does not show what you have.

Mine shows:

Customize > Widgets > Footer > Header —— NO Sidebar

Customize > Header Image > Click on Hide Image …….. It shows that but I want to keep the header image only the home page.

Hi

I am not using pro version.

I am sending you another screenshot where you can add side bar from Appearance > Widget :
https://prnt.sc/sgurcm

I hope this will help you.

Regards,
Ruchit

Thank you for the screenshot, I have just done that but on the page the widget is still at the bottom.

https://www.railwayphotography.co.uk/blog/

Have you placed that widget in footer section earlier?

No, not the footer section.

I am sharing you another screenshot where I have applied some additional CSS
Screenshot: https://prnt.sc/sgvci3

Additional CSS

section#recent-posts-3 {
    position: relative;
    margin-top: -380px;
    margin-left: 930px;
    width: 70%;
}

Excellent, it works!

Thank you so much Ruchit for all your work to help me out.