Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
The first option worked.
Thank you so much.
"When you know, it's easy."
Hi Rob
I did a search on the community and read you can justify text via custom css. I have tried it in my custom css but it still isn't working for me.
Here is my custom css file:
/* *************************
* BASIC TYPOGRAPHY IN CE4
* ************************* */
/* Paragraphs, lists, form elements, etc. */
body,
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
font-weight: 200;
}
/* Blockquoted text */
blockquote {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Code, plain text, etc. */
pre,
code,
kbd,
samp {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif; text-align: justify;
}
/* Site Masthead / Identity */
.masthead h1,
.masthead h2 {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
}
/* Site Navigation Menu */
p#nav a,
#r2d2-menu ul li a,
#r2d2-menu ul#nav li span {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
font-weight: lighter;
}
Here is an example link I want to justify:
What am I doing wrong?
Thanks
Your question triggered the solution.
All working, thank you!
OK I'll try and answer your questions;
The text in The Block content is being entered in the Album's Page Content area NOT in the template. In the template I made under the Page Image section select to assign an image from the filmstrip to appear in The Block. I specified the Location as Primary Content and Float left. After uploading the template I made sure the code appears and it does as originally posted and I'll paste it here again;
<!-- primary content -->
<div id="primary-content" class="grid_12 collapse clearfix">
<?php echo $album->hook_preContentBlock(); ?>
<?php if ($album->placePageCopyAbove()) {
echo $album->getPageCopy();
} ?><?php if ($album->replacePageCopy()) {
echo $album->getPageCopy();
} else { ?>
<img class="the-block-image alignleft" src="photos/israel-wedding-photographer-arnold-szmerling-celebration-artist-melbourne-events-photographer-israel-wedding-jewish.jpg" alt="" width="750" height="499" />
<?php } ?><?php if ($album->placePageCopyBelow()) {
echo $album->getPageCopy();
} ?>
</div>
<!-- /primary content -->
Next I select the image I want and drag it to the Album before publishing it. The image is then uploaded when publishing.
When I view the source code of the published page it doesn't have the same code in the template (referring to any image in The Block content.)
What email would you like me to send you password credentials? Are you referring to TTG module?
The text I included was to show I uploaded the template correctly that's all. I don't want to see the jargon published on my page.
I however would expect to see this "text" when viewing the source and I don't why.
It appears the page is not even looking for the image. why?
So the result is an image to the left of the block text.
Here ia an example
I have included a page image in my primary content.
I checked the template_index.php file and it does contain the following;
<!-- primary content -->
<div id="primary-content" class="grid_12 collapse clearfix">
<?php echo $album->hook_preContentBlock(); ?>
<?php if ($album->placePageCopyAbove()) {
echo $album->getPageCopy();
} ?><?php if ($album->replacePageCopy()) {
echo $album->getPageCopy();
} else { ?>
<img class="the-block-image alignleft" src="photos/israel-wedding-photographer-arnold-szmerling-celebration-artist-melbourne-events-photographer-israel-wedding-jewish.jpg" alt="" width="750" height="499" />
<?php } ?><?php if ($album->placePageCopyBelow()) {
echo $album->getPageCopy();
} ?>
</div>
<!-- /primary content -->
However the following link when looking at the page source does not include the above code nor show the image as requested:
http://asip.co/israel-wedding-photographer/
I have exported the page using publisher and selected an image with the same name.
http://asip.co/israel-wedding-photograp … jewish.jpg which is living on the server.
What's happening?
I found it. Cart option ticked however not activated in TTG-be
The click to chat does not effect other Publisher galleries and does not interfere with the 100's of pages on the site.
There is something else going on here and I look to your expertise. Thanks
I removed all Title and Caption data and still no luck.
This was uploaded using Publisher.
Please help.
I have uploaded a stage slideshow to this address:
and there are no images loaded up however the images are sitting on the server.
What mobile device did you try it on, as I am using an iPhone 4 with OSX 7.1.2
I tried it and it works, thank you!
I am able to do both?
Place a link to a custom css stylesheet and echo in my script?
I need to insert the following scripts between the <head> tags.
Can this be done via phplugins?
If so, how please?
<!--Start of Facebook Script-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--End of Facebook Script-->
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase(),
platform = navigator.platform.toLowerCase();
platformName = ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0],
isMobile = /ios|android|webos/.test(platformName);
if (!isMobile) {
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//v2.zopim.com/?7CTG7YLVUZLPWXRWbqHONqW5w8SCibXQ';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
}
</script>
<!--End of Zopim Live Chat Script-->
<!--Start of Facebook Pixel-->
<script>(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
_fbq.push(['addPixelId', 'XXXXXXXXXXXXXX']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXX&ev=NoScript" /></noscript>
<!--End of Facebook Pixel-->
Please help,
I have uploaded CE4 Wordpress theme and the menu is not response on mobile devices.
Also movie does not adjust in size for mobile.
Thank you I followed the code from the link toOverride Existing Font-families via Custom CSS and added the following;
/* Site Navigation Menu */
p#nav a,
#r2d2-menu ul li a,
#r2d2-menu ul#nav li span {
font-family: 'Roboto Condensed', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, Roboto, 'Droid Sans', sans-serif;
}
It works fine!
The Blog is using CE4 while the rest of the site is using CE3 until a migrant over and iron out any CE4 issues first.
I have added the 'Roboto Condensed' to all the font-family field in the Theme for WordPress plug-in and still no success.
How do you add the font to this selector #nav a ?
Is there a line I can add in the Custom css?
The Google font is working correctly in all menus apart from the one used in my Wordpress blog.
My site is:
and blog is https://asip.co/blog.
I would like the blog to match all the other menus.
I have set up custom css as explained.
