Add CSS borders to boxed design

[Jkofod]

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.

[Laura]

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 🙂

[Jkofod]

This reply has been set as private.

[Jkofod]

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.

[Laura]

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 🙂

[Jkofod]

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!

[Laura]

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 🙂

[Jkofod]

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.

[Laura]

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 🙂

[Jkofod]

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.

[Laura]

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 🙂

[Jkofod]

This reply has been set as private.

[Jkofod]

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. 😉

[Laura]

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