Archived topic
Remove box structure
15 replies · Started by Sufia on July 6, 2020
Hi, how do I remove this box structure - https://prnt.sc/tczq3j
I want to make my website look like this - https://woorkup.com
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?
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?
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?
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.
David, this happened - https://prnt.sc/tdak6r
Tom, when I tried inserting a link with your code, I got this result - https://prnt.sc/tdak6r
All the code that Tom and I provided is CSS.
CSS should be added to your child theme stylesheet or Customizer > Additional CSS
Ah never mind, I figured out. Thanks folks :)
Glad to hear that
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.
Customizer > Typography > Primary Navigation
Hello again,
I want my footer to look like this - https://prnt.sc/tiot6z
Not sure how to go about to achieve this.
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.
Alright