1. Internetional
  2. Commercial Templates
  3. Friday, 20 May 2016
  4.  Subscribe via email
Hello,

on my local server the text I entered into Image Caption Text looked just the way like in the demo template.
Now I moved the page to test server and the format changed. I can't find the reason why.

How can I adjust the excess length the images cover the header background image?

[strike]How can I adjust the visible hight of the header background image?[/strike]

http://test.garde-division-germany.de/

Thanks and regards,

Marek
Accepted Answer Pending Moderation
0
Votes
Undo
push. Still couldn't solve one question.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
My apologies for the delay. We somehow missed this one.

Presuming I understand you correctly to amend try adding the following to the Custom CSS field of your templates parameters (default -120px)...


.top-1 .gridgallery {
margin-top: -50px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

thank you, that solved the second issue.
The main Problem still is that the "Image Caption Text" in "Gridgallery Module" is only displaying first line and in a very small type size.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marek

There appears to be a small CSS clash with the Twitch module. To amend try adding the following to the Custom CSS field of your templates parameters....


.j51gridgallery p.description {
font-size: 14px;
height: auto;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marek

There appears to be a small CSS clash with the Twitch module. [/code]

Ciarán


Hi Ciarán,

thanks for your answer. How did you figure out that the twitch module is causing the problems?

Regards, Marek
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marek

Using Firebug (http://getfirebug.com/) we were able to inspect the element (GridGallery paragraph) to see what CSS was been applied to it. From this we could see that there was styling been applied from a CSS files located in your Twitch module folder which was effecting the font-size. Something like the follow....


.description {
font-size: 0.8em;
}


As it happens the paragraph in the GridGallery module also has the class 'description '.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Note: We just happen to use Firebug however you will find most browsers these days have similar tools as standard. Simply right click an element and hit 'Inspect Element' (FireFox) or 'Inspect' (Chrome). Applied CSS will appear in a window at the bottom right. To the right of each selector you will see the file name the CSS is located in. Hovering over this filename will show the exact location. You can also disable CSS to see how it effects the viewport in the same area or even add new CSS properties.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!