Add CSS borders to boxed design

This topic has 13 replies, 2 voices, and was last updated 9 years by Laura.

Author

Tagged: borders
February 26, 2015 at 11:54 #47700

Jkofod
Participant

Hi there,

I am trying to add 1px borders around my boxed design.
How can this be achieved? What file do I need to edit specifically?

The below images show the current state – without any borders. And the other shows what I require (edited in Photoshop).

Thanks in advance!

Attachments:
You must be logged in to view attached files.

February 26, 2015 at 18:48 #47815

Laura
Moderator

Hello Jkofod, in order to help you with your request, i would need a link to your website so i can create a proper css code for you 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

February 26, 2015 at 19:42 #47839

Jkofod
Participant

This reply has been set as private.

February 27, 2015 at 15:23 #47977

Jkofod
Participant

I also have another query.

I’ve been trying to set up login redirection upon logging in to a specific page, but literally all the plug ins I have tried, does not work.

I also tried using Peter’s Login Redirect, but it only works upon logging out – Not when logging in.

Are there any functions in SweetDate preventing/overriding the plug in settings?

Thanks in advance.
February 28, 2015 at 06:27 #48059

Laura
Moderator
Hello, yes there is that option 🙂 Lets first fix the page borders:
Please add this to quick css or style.css in child theme:
COPY CODE
```
#header {
border-style: solid;
border-width: 1px;
border-color: black;
}
section.section.with-border {
border-style: solid;
border-width: 1px;
border-color: black;
}
div#c8797_4_1 {
border-style: solid;
border-width: 1px;
border-color: black;
border-top-style: none;
border-bottom-style: none;
}
footer {
border-style: solid;
border-width: 1px;
border-color: black;
}
```
(Google ad cannot have a border because right border doesnt work)

Code for login redirection inside of functions.php of child theme 🙂
https://archived.seventhqueen.com/forums/topic/kleo-login-redirect

Does this work?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
February 28, 2015 at 12:47 #48094

Jkofod
Participant

Great, thanks!

The redirect is now working somewhat. I will work out the rest myself. Thanks for that. 🙂

However, the borders are not right. I wanted them to encase the main section.
But as you will see, the borders stop before and after the google ad.

I am wanting the borders to go from top to bottom of the main boxed section.

Is this possible?

Thanks!

March 1, 2015 at 01:45 #48190

Laura
Moderator

Hello, as i said before, the google add cannot have full borders, in fact, right border doesnt work, so you would have all but right border of the ad

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 2, 2015 at 16:27 #48371

Jkofod
Participant

Okay, I understand.
I will figure out something else then. 🙂

However, I was trying to rectify this and now all of a sudden the design got messed up.
I am not sure why or what happened exactly.

Perhaps you can help me out?

All of a sudden there is a huge gap underneath the menu and the page title is shown?
Very strange.

March 3, 2015 at 05:53 #48496

Laura
Moderator

Hello, did you add any custom css? Can you show me where is the gap? I see a border now all around your content

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 3, 2015 at 09:42 #48524

Jkofod
Participant

No, I didn’t add any custom css.
There is a big gap now above the Google ad and the menu. And the page title “home” is now shown as well which is breaking the design.

You can compare the current design with the screenshots I attached in a previous post. It should look the same as the first screenshots.

March 4, 2015 at 02:06 #48675

Laura
Moderator

Hello, can you share ftp and wp-admin credentials so i can check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 4, 2015 at 02:16 #48679

Jkofod
Participant

This reply has been set as private.

March 4, 2015 at 13:11 #48735

Jkofod
Participant

I solved the issue.
For some reason the “Home” page template had switched to Default from Front Page Template.

Thank you for all your support!
Hopefully this will be the last you hear from me. 😉

March 6, 2015 at 04:03 #48900

Laura
Moderator

Hello, im glad its solved! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts