Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1239829

    I have 50+ State Category pages on my site ozfunds.com and they are portfolio entries I am showing with a content element: BLOG POSTS… each state page currently looks like this: (hidden content)

    I want them to look like my other category pages but I am trying to not have to change all 50 pages individually.
    (hidden content)

    I want the grid layout to either be purple or display an image where there is one like the above link…. Is there some general css I can apply?

    Or even if there is a way to display the saem image for all my portfolio entries without an image…?

    Thank you!

    #1239882

    Hey App-Daddy,

    Are you adding the states yes this can be done via css. Are you adding the portfolio images (in the second link) later?

    Best regards,
    Jordan Shannon

    #1239883

    I already have 50+ state and US location pages so when some one wants to search for say Florida funds they go to a florida page from our home page (ozfunds.com) if you notice in the links I was able to add some css to make the all-oz-funds without images have a purple square and white text, and would love to do the same to the first link I provided (texas as example) but to every state page at once..since they all have the ugly grey square with pencil icon.

    Since majority of these won’t have images for me to add I am trying to make them look clean and unified (purple square with white text within the BLOG POST element using GRID layout. I am not apposed to using one general image I create as the place holder either if that’s easier then purple blocks.

    #1240527

    thanks again and any help is greatly appreciated if there is a few lines of css to resolve…?

    #1240995
    This reply has been marked as private.
    #1241275

    Hi,

    Thank you for the inquiry.

    You can start with this css code to remove the icon and adjust the position of the slide content so that it’s above the slide image or the purple box. It might require some adjustments specially on mobile view.

    #top .avia-content-slider .slide-image .fallback-post-type-icon {
    	display: none !important;
    }
    
    #top .avia-content-slider .slide-content {
    	position: absolute;
    	top: 0;
    	color: #ffffff;
    	padding: 10px;
            width: 100%;
    }
    
    #top .avia-content-slider .slide-entry-title.entry-title, #top .avia-content-slider .slide-entry-title.entry-title a {
    	font-size: 17px;
    	color: #ffffff !important;
    }

    Best regards,
    Ismael

    #1241283
    This reply has been marked as private.
    #1241653

    Hi,

    Yes, that should be possible. You can replace background-color with the background-image property in the following css code.

    .avia-content-slider .fake-thumbnail .slide-image {
        background-color: #7d06e5;
    }
    

    Replace it with:

    .avia-content-slider .fake-thumbnail .slide-image {
        background-image: url("IMAGE URL HERE");
    }

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.