Forum Replies Created
-
Posts
-
Hi Elliot,
Thanks for your reply. I’d already played with these but the markup still had the 180×180 image displaying despite what I changed the WooCommerce Catalog settings to and produced:
<img width=”180″ height=”180″ src=”full-path-to-image-180×180.jpg”
So no matter what I did in WC, Enfold still produced a square image.
Further to this, can you advise how I make a copy and place productslider.php into my child skin as I need to make a load more changes and don’t want it overwritten on the next update.
Thanks.
Update:
In functions.php I have added the following line to register a new image size
$avia_config['imgSize']['catalog']= array('width'=>490, 'height'=>340 ); // images for catalogThen in config-templatebuilder\avia-shortcodes\productslider.php
I have changed line 358 from “square” to “catalog” and so far it’s all looking ok (apart from the way WordPress has cropped the images but that’s for me to sort).
Now… This all works fine when I edit productslider.php within the Enfold theme structure but if I then try it in my child theme the changes don’t show.
I have the following structure:
Ridelines (theme name)
– functions.php (with the new $avia_config[‘imgSize’])
– \config-templatebuilder
– – \avia-shortcodes
– – – productslider.php (with the square changed to catalog)So this is the same file and directory structure as in the Enfold theme but it doesn’t seem to be picking up my changes at all.
Hi Elliott,
Here is the background image when set using General Settings > Background Image
Screenshot: http://screencast.com/t/9vYoK1uhD
Position of the image: Bottom Right
Repeat: Stretch FullscreenHere is the same background image when set using CSS
http://screencast.com/t/VBwymyfvYg
The image is 1400x 1141 and at: http://ridelines.digitalessence.net/wp-content/uploads/2015/02/background_015.jpg
No matter what I fiddle with, the Enfold background image settings always display blurred.
Thanks Ismael.
That sorted the menu position out but for the colour of the active menu link the Enfold theme uses two classes (for some reason).
Out of interest (and for anyone else who wants to do this..)
For the index/home page it uses current-menu-item but for the other pages it uses current_page_item so I added:
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: red!important; }NOTE: You need to use !important to override any Main Menu Links colour changes made in Enfold options – Advance Styling – Main Menu Links
FURTHER NOTE: I also found that by adding the display: inline-block; above that any children of the menu had spacing around the link elements.
I fixed this by adding:
.children li {display:block;}
Hi Elliott,
thanks for that.
Request 1) This doesn’t line the menu up with the right hand side of the slider, it just pushes it along a bit (by 86px) so doesn’t look terribly great. I’m also keen to drop the search feature in the menu bar.
When I tried dropping the search bar, I changed the left: 86px to 200px to allow the menu to align with the right hand side but this then doesn’t scale down very well responsively and ends sticking out to the right. I tried changing this to a percentage but it still occurred.
Request 2) in Dashboard > Enfold > Advanced Styling. That only targets the a link colour whereas I need to change both the link colour and have the active link in a different colour. Unless I’ve missed something?
Request 3) Perfect thanks.
Thanks for your help.
Hi Elliott,
thanks for getting back to me.
I’ve added those lines to the Quick CSS section, saved and refreshed but it hasn’t made any difference.
I also tried adding !important to them but still no luck.
I will copy the url into a private reply for you to have a look at if you would be so kind.
