Make Text Boxes Editable

Hollinator · June 26, 2015

Hi,

A feature I would really like to see is the ability to edit a text box in visual or html mode. (Constant contact is an example of a site that allows you to edit the text blocks with the Wysiwyg or by writing code)

Thanks,

Holly

Allen · June 26, 2015

If you use Chrome or Firefox right click on the element and pick "Inspect Element". A box will show up with
the html in it. In that you can find what is needed to create CSS to modify the element. The text you're
wanting to change is probably between h1, span or "a" tags. But you also need the class name of its parents
to nail down the specific area or widget.

If you provided a link to your site we could help.

Hollinator · June 29, 2015

dianedammeyer.smugmug.com

Allen · June 29, 2015

This in CSS will change the text color in your profile box/widget. How would you like the text changed?

.sm-page-widget-profile-content h1 {color:red !important}

Looking at the html using "Inspect Element" I highlighted in red what I used to create the CSS.

...
<div class="sm-page-widget-header"></div>
<div id="sm-page-widget-CgkZrzBk" class="sm-page-widget-body sm-page-widget-profile-hascover">
    <div id="yui_3_8_0_1_1435599340443_272" style="position:relative;">
        <div class="sm-page-widget-profile-images"></div>
        <div [COLOR="Red"]class="sm-page-widget-profile-content"[/COLOR]>
            <div class="sm-page-widget-profile-header yui3-g">
                <div class="sm-page-widget-profile-name yui3-u">
                    <[COLOR="Red"]h1[/COLOR] class="sm-title-xl">
                        Diane Dammeyer
                    </h1>
                </div>
...

Hollinator · June 29, 2015

That code changed the color of the name, but not the description box. Here is the code that did work - just for reference:

.sm-page-widget-profile-name h1, .sm-page-widget-profile-biotext div {
color: red !important;
}

Thank you so much for your assistance!

Holly

leftquark · July 6, 2015

Hollinator wrote: »

Hi,

A feature I would really like to see is the ability to edit a text box in visual or html mode. (Constant contact is an example of a site that allows you to edit the text blocks with the Wysiwyg or by writing code)

Hi Holly,
When in the Customizer ( "Customize" then "Content and Design") and on the "Content" tab, you can add an "HTML" or a "Text" content block to your page, which can be edited with WYSIWIG or via code.

Make Text Boxes Editable

Comments