<img> logo in the head module

Hi!
As a simple way to put a graphic logo above the word in the module headline?
http://cl.ly/image/0m3J3p3B2o2i

Best regards!

Original module looks this way:

Code: Select all

<img src="images/demo/header_bg.jpg" alt="" class="parallax-img" />
<div class="gkPage">
     <h1 data-sr="enter bottom and move 50px">Product Landing Page theme</h1>
     <h2 data-sr="enter bottom and move 50px and wait .2s">Advanced, unique and powerful premium theme</h2>
     <a href="#" class="dark btn-border" data-sr="enter bottom and move 50px and wait .3s">Learn more</a>
</div>
<span class="mouse-icon"><span><span></span></span></span>


You can put an image inside of div.gkPage element. Some additional styling might be needed.

hmmmm...
http://cl.ly/image/293A1O3N3E3w

and custom style css
— how to center?
http://cl.ly/image/443G0h0N2V3s

OK. I had to create a separate style css:

[code]
.img-center {
transform: initial!important;
margin: auto;
position: inherit!important;
}
[code]

Thank You.

P.S.
I understand that the attribution style for all <img> tag in the header is the best solution for this template ?

This idea makes any other module for example. "NEWS SHOW PRO GK5" inserted in the position of the header begins to have problems with the correct displaying img .

You might have to use more specific selector addressing only image in a specific module or position.

Such an assignment style for all <img> tag in the header position does a lot of work.
Placing the module in position Header causes misinterpretation of <img>.

Could you please post an url to your site?

I work offline. I testig on quickstart pack.

Code: Select all

<img style="display: block; margin-left: auto; margin-right: auto;" src="/images/??????.JPG" alt="" width="177" height="177">

I have used that you could try. Works fine here.

Thx but... no.

http://cl.ly/image/121m2n3r1c15

Sorry but I need to see the site live. Otherwise we can endlessly guess. Perhaps you could post it somewhere live for the time being?

Thx but... no.

http://cl.ly/image/121m2n3r1c15

The code is correct but you can make the picture width smaller to 177 and the height something like 150. You can change that in paint/photoshop.

and it does not make sense. I can not create a style which will vary depending medium.

Another major problem, it is through this trick to save for each <img> style, makes inserting the module header item eg. News Show Pro GK5, causes it to malfunction. it is difficult to correct sucks.

If this template was such position. Header top. Then you that bypasses this problem by placing the unit in a position that does not have assigned special styles.
Unfortunately, there is no such position.

Sorry, still, no live site, no help