-
AuthorPosts
-
May 24, 2014 at 1:44 am #269377
Is it possible to change the text of a single text box that was made with the advanced page builder? and/or could I get a colored boarder around it? or maybe colored background?
screenshot: (would like the requested around the “About Alysha and following text”
https://drive.google.com/file/d/0Bz4hiQ5HQsLzTHNyVzNsSmlzQ0E/edit?usp=sharing
May 24, 2014 at 2:10 am #269386Yes, it is possible.
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/You can either use the page-id to affect all text elements on this page:
#top.page-id-99 .avia_textblock { background-color: #cccccc; border:1px solid #000000; box-shadow: 5px 5px 5px #888888; }
(you can get the page id when clicking “get short link” while editing the page.)
Or you can give the text element a class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
And then use:
.yourClassName { style definitions }
For more styling options here is a reference: http://www.w3schools.com/cssref/default.asp
Or you can ask here for more information.May 25, 2014 at 8:08 am #269636Let say I just want to give just a section on the page – example the “About Alysha”and following body of text all in one box…
May 25, 2014 at 10:13 am #269650I suggest the use of custom classes.
First you have to enable them with this tutorial: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then you write your CSS class (you can choose to put it into quick css, custom.css or use a child theme)
quick/custom css: http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
child theme: http://vimeo.com/67221517You have to write something like this:
#top .my_bordered_box { border:1px solid #000000; }
Then edit the text element on that page.
There will be a new field called “Custom Css Class”.
Enter the name of the class you created (my_bordered_box)You can simply put in more properties into your custom class like this:
#top .my_bordered_box { border:1px solid #000000; background-color: #cccccc; box-shadow: 5px 5px 5px #888888; }
May 25, 2014 at 8:48 pm #269756Very Cool! Thanks for this… I’m not really a coder but got this to work!
Lets say I want to put a centered picture in the box… How would I do that?
T
May 26, 2014 at 7:06 am #269947 -
AuthorPosts
- You must be logged in to reply to this topic.