[Resolved] Remove box structure

[Sufia]

Hi, how do I remove this box structure – https://prnt.sc/tczq3j
I want to make my website look like this – https://woorkup.com

[Sufia]

I would need a few more help.
How do I insert a line like this – https://prnt.sc/tczv3x

Also, I used this code snippet – https://prnt.sc/tczvuy to achieve this – https://prnt.sc/tczx0f
But I want it to look like this – https://prnt.sc/tczv84
What do I need to do?

[Tom]

Hi there,

You would:

1. Set your content background color to match your body background color in Customize > Colors.
2. Go into “Customize > Additional CSS” and remove this CSS:

.inside-article,
.sidebar .widget,
.comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

To insert a line, you can do this:

.blog article:not(:last-child),
.archive article:not(:last-child){
	border-bottom: 1px solid #ddd;
}

What about the more link, specifically? You want it on the right side?

[Sufia]

Yes, I want it on the right side with an underline. And I want to underline links inside my articles like this – https://prnt.sc/td5nrc.

Also, Tom, wouldn’t adding CSS make my website slow?

[David]

Hi there,

try this:

.entry-content a,
.entry-summary a,
.site-info a {
    border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}

.read-more {
    margin-top: 10px;
    float: right;
}

No, adding a few lines of CSS will not make your site slow.

[Sufia]

David, this happened – https://prnt.sc/tdak6r

[Sufia]

Tom, when I tried inserting a link with your code, I got this result – https://prnt.sc/tdak6r

[David]

All the code that Tom and I provided is CSS.
CSS should be added to your child theme stylesheet or Customizer > Additional CSS

[Sufia]

Ah never mind, I figured out. Thanks folks 🙂

[David]

Glad to hear that

[Sufia]

How do I increase the text of the primary navigation on home page – https://prnt.sc/tdb1jl
I went to Customizing > Layout Primary > Navigation. When I change the Menu Item Height, it’s making the blue bar big but the text size remains same.

[David]

Customizer > Typography > Primary Navigation

[Sufia]

Hello again,

I want my footer to look like this – https://prnt.sc/tiot6z
Not sure how to go about to achieve this.

[David]

Hi there,

can you resolve this topic and raise a new topic – it will make it easier for you and others to find the answers in the future.

[Sufia]

Alright

[Author]

Posts