Jump to content

Archived

This topic is now archived and is closed to further replies.

Claude203

Is it possible to put borders around widget boxes?

Recommended Posts

Claude203    12
Claude203

I would like to place a border around each widget box, similar to the way that White House Pro does that. Is this possible within DMS2? Thank you.


Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Claude203

I believe that "yes"

You can add some CSS rules like

 

"IN YOUR DIV"
{ 
margin-bottom: 1em;

border: 1px solid #bbb; 

border-top: 1px solid #ddd;

border-left: 1px solid #DDD; 

background: #fff;
}
 
This is the rule in the WhiteHousePro

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Aires+    258
Aires

Hi,

Try this I tested on my test site and it worked for me http://mytestdesigns.pw/

 

.widget {
  padding: 5px 5px;  /* this is to give room for the text so it s not touching the sides of the border*/
  border-radius: 15px;   /* you can ignore this */
  border: 1px solid #000000;  /* color of the border and size*/
}
 hope it helps
  • Like 2

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Claude203    12
Claude203
Okay, thank you. I will definitely try these.

This brings up something very interesting. Maybe it is possible to use a lot or some of the White House Pro CSS in DMS2?

Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Claude203

Yes, of course, you need to inspect and copy it.

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Claude203    12
Claude203
Dear batman,
 
{ 
margin-bottom: 1em;

border: 1px solid #bbb; 

border-top: 1px solid #ddd;

border-left: 1px solid #DDD; 

background: #fff;

}

 

I'm sorry this is a basic level question but where exactly should this CSS be placed? Thank you! 

 

Dear Aires, 

 

.widget {
  padding: 5px 5px;  /* this is to give room for the text so it s not touching the sides of the border*/
  border-radius: 15px;   /* you can ignore this */
  border: 1px solid #000000;  /* color of the border and size*/
}
 
I understand about the .widget class, but again, where should this be placed? I have looked at the CSS file for DMS and cannot find anything that looks familiar.
 
Thank you both!

Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

 

Please, you can try add CSS code to a Child Theme.

I use for this a Danny´s Child Theme, this works fine to me in all update.

https://github.com/Dannyholt/skeleton

 

You can install the .zip like a theme in your dashboard > themes > upload

You need activate the Theme and the copy/paste yours CSS rules in the style.css

http://screencast.com/t/sZXzimY7x

 

I use the Child because I read this after update the theme

Please Note: Any customizations you have made to theme files will be lost. Please consider using child themes for modifications.

You can see the image

http://screencast.com/t/FeFQEG1Qav

 

Also, you can take a look to this

http://docs.pageline...ase-child-theme


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Claude203    12
Claude203

Hmm. OK, thank you. I will first try to read and re-read your comment to understand it better, since I am not an expert. But I think I also must do the appropriate homework to learn. Then I will try these suggestions. Again thank you very much!


Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
Aires+    258
Aires

Greetings Claude203 ,

You can add any css on the front end in the custom css section and then preview it by hitting ctrl+enter. On some occasions there may be a need to refresh the page in order to see the change. 

 

http://i.imgur.com/tCkJUzE.png

  • Like 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Claude203    12
Claude203
I'll be d**ned! Thank you Aries! This is a great start! Now I can start messin' around! I think I get it!

Claude Johnson
BlackFives.org

Share this post


Link to post
Share on other sites
Aires+    258
Aires

NP


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×