How to make joomla 3 article title to be shown as per like in attachment.
Looking for any module or css to do that.
Panel Title
You can do this with CSS, in this case you need something called ribbon.
First you need select the Title for the Article, add a background color and then the ribbon code, you can inspect the source code of your page with some inspector tool like Firebug or similar, a tool like this will be of great utility, don't forget to add your custom CSS in your main css file.
Here you have two examples:
CSS powered ribbons the clean way
How to Create CSS3 Ribbons Without Images
Related
I have looked everywhere, but couldn't found a simple solution.
CSS would be best.
Basically I want to change the link css style according to the URL.
So, let's say, there are three menu items:
HOME (https://www.example.com)
PRODUCTS (https://www.example.com/products)
SERVICES (https://www.example.com/services)
I want that, when a visitor is ON https://www.example.com, the HOME link would be Blue.
All other - black.
When on /products, then PRODUCTS would be in blue and all others (HOME and SERVICES) in black.
Example below:
Any kind of help would be appreciated.
Thanks.
P.S. not on hover, but when a visitor is on the specific URL.
You should use Wordpress' menu system.
In that case, the active menu item will automatically be marked with class current-menu-item
Then you'll be able to style it differently than others with css
Detailed information on how to declare a custom menu area in your WordPress theme
https://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/
The site I am maintaining has bugs in the header and widget blocks. How do I change this?
Search bar is out of alignment with nav menu.
News and Events widgets overextends if too much text is displayed.
a. The news widget is from an automatic feed.
http://cafes.calpoly.edu
One error only shows in Chrome browser. In Safari I at least don't see the News widget over extending but the search bar in the main header navigation menu appears to have a distorted div in all browsers.
I am new to Drupal but am pretty familiar with Wordpress.
Is there a module I can download to enable me to fix this? If so, what code snippet could I use to establish the proper parameters for these blocks?
1) Option one reduce li font size if client is ok with it
font-size: 0.75em;
This worked for me and you the search bar was fixed.
2) Second option is to trim the text length. There is only so much u can fit in those tight cells.
abt the news widget I don't see anything wrong.
There is no "CSS" module in Drupal. To fix the issues you've mentioned you need to make small changes in the css files. To fix the search box aligment you should reduce the font-size of the menu items.
You will need at least ftp access to the site.
I am busy converting a HTML website into a Joomla temaplate, I got some help doing the home page (index.php), but now the menu items are not linking anywhere. I have a ready coded AboutUs.php page, which I want to important into Joomla and link to the 'About Us' menu item.
Can this be done in the similar way as it is done with the index.php file? Can I maybe upload the file via FTP and link it somehow in Joomla?
Any help on this would be much appreciated.
No it's not how joomla works.
You have to create the second menu item, link it with your content and add the extra modules that your "about us" page have.
If you don't want to do it like that you could create a new template and link each menu to different template but it's not a good approach.
If you are interested about the html part of the php site,
you can just create an article and paste html code in it (do not forget to set the editor in text mode).
If you have css, you may add it int the template's css file.
Otherwise, if you need php functionality, you need to create a joomla component.
If your going to migrate a site and use a tool like joomla i strongly suggest using it the way it was designed to be used. Otherwise theres no point.
When creating from scratch or migrating a site to joomla i would suggest firstly creating (or modifying) one or more templates to get the layout of you site; header, footer, logo, background, modules (eg. menu, login, etc) and component to load and so on.
You will have to recreate the menu items using the menu manager and apply your css to the menu module(you can download free menu modules or use the default one or develop one).
When creating a menu item you can select the template to be used and also what component you want to load (article, sitemap, blog, login, create user, etc...). An article is used to store html content which can be edited through the content manager although there are simple ways to add scripts to your articles.
If you want to add php to your content you have 4 choices.
Template (used to show content which appears on every page; this is where the html starts and ends and where the component and modules' positions are defined),
Component (this is loaded from the template depending on what menu item is selected),
Module (a very simple and easy way to add custom php and html code, can be loaded from the template or from components like in a joomla article),
Plugin (used when wanting to run scripts which dont have any visual content)
I am using a newsletter plugin in http://coconutwaterblog.com. But i want to style that single widget with heading background as yellow.
Can anyone suggest me how to do this.
Thanks
Depending on how the widget is developed, it could be pushing the styles inline and not via CSS.
Use Developer Tools (such as Firebug) to determine where the current styles are coming from to determine where they need to be altered to achieve the desired result.
If able, you could then alter the theme style sheet to include what you wanted to do to the specified element.
After viewing your site, I had problems determing which widget you were attempting to alter. If ti's the "FROM THE BLOG" widget, the CSS would appear as such:
#omc-sidebar.omc-right ul.xoxo li#pages-2.omc-widget h3.widgettitle {background:yellow;}
And, after looking at the markup on the page, it appears those attributes come in to play on line 80 of the document itself, which means you're not going to be able to over-ride them with a style sheet. You will have to alter the code either in the plugin of the theme itself.
Title says most of it.
I have inherited a Joomla site and the client wants part of the main template (a feature-type box) to be editable via the Joomla backend.
I guess really it is a content item that never gets displayed as its own page, but as a part of all pages.
Is that possible?
Thanks.
EDIT: By editable, I mean as a piece of content, not as editing the template HTML. I hardly expect non-tech users to get things right in a WYSIWYG text editor, much less change HTML code that could screw up the whole site.
The Custom HTML Module allows you to create, edit, and display your own free-form HTML on a Joomla site using a WYSIWYG editor.
In your administration control panel you can find the "Module Manager" under "Extensions" in the drop down navigation menu. There you can create this module, choose a position in your template to display it, and then select what sections of your site the module should be displayed on.
You want the content items module.
Content Items Module
This way a user can add content as normal using the standard content pages, but you as the developer can set the module up to show that content as a module only. You have a LOT of choices with the above module too, you can set individual, category, intro, main all that kind of thing. Dont link to the page or category and it wont be shown on the main site, just in the module :)
The joomla extension directory is full of great things.
Good luck
You can use a special component for Joomla to edit templates, any part of template, any Tag. See dewem template editor component
Joomla templates are always editable via the backend. Just got to Extensions->Template Manager->Select the template you're using to edit it->and then up in the toolbar there will options for editing the html or the css as well as many design (look) options over on the right. That is in Joomla 1.5.