HTML Help

  • Some HTML help here.

    https://www.mervynbeamishartist.com/gallery/

    the descripion text for the top left picture (nextgen gallery) is as follows:

    <h4>Shall We Dance</h4>
<p><em>Oils on stretched canvas, 40 x 75 cm (16 x 30 inches) - <a href="https://www.artinvesta.com/sec_offer/632" target="_blank"> <img src="https://www.mervynbeamishartist.com/wp-content/uploads/2013/01/bulli_shop32.png" /></a>(between au$200 - $500).</em><br /><br />

    The image splits the sentence – is there a way to stop this and have text and image run in one line?

    Also while we’re there – this is a png. Why is the background not transparent?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How familiar are you with CSS?

    Thread Starter mervb01

    (@mervb01)

    Not very but I have enough knowledge to get into trouble

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This can be achieved with CSS https://awesomescreenshot.com/02as3vb5d .

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    Thread Starter mervb01

    (@mervb01)

    Thanks – I can’t look at it until tomorrow – besides it is so hot here, hard to breath and can’t get the swet out of my eyes.

    I can’t see how to do it, but will have another try later – thanks

    Thread Starter mervb01

    (@mervb01)

    I’m lost here, don’t even know where to start with the coding. I understand how to putting thing ininto the child CSS but coding – naaa

    I like the Jetpack plugin, but gives me the where but now the how.

    Thread Starter mervb01

    (@mervb01)

    OK – transparency on border of Image fixed, amended nggallery.css to:

    .ngg-gallery-icon img {
    background-color: transparent;
    display: block;
    margin: 4px 0 4px 5px;
    padding: 4px;
    position: relative;
}

    effected all thumbnails but I’m OK with that.
    then I did the following (not a CSS thingies but got close t what I want):

    <h4>Shall We Dance</h4>
<p><em>Oils on stretched canvas, 40 x 75 cm (16 x 30 inches)
<a href="https://www.artinvesta.com/sec_offer/632" target="_blank">
<img src="https://www.mervynbeamishartist.com/wp-content/uploads/2013/01/bulli_shop32.png"
align="left"></a><br><br>(between au$200 - $500) </em>
<br> <br>

    I really don’t know what I am doing so if anyone can offer any imptovements, they are more than welcome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘HTML Help’ is closed to new replies.

Tags