Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 21, 2020 at 5:56 pm #1239829
    App-Daddy

    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!

    August 21, 2020 at 10:00 pm #1239882
    Jordan Shannon

    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

    August 21, 2020 at 10:09 pm #1239883
    App-Daddy

    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.

    August 24, 2020 at 10:36 pm #1240527
    App-Daddy

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

    August 26, 2020 at 6:50 pm #1240995
    App-Daddy
    This reply has been marked as private.
    August 27, 2020 at 5:30 pm #1241275
    Ismael

    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

    August 27, 2020 at 6:00 pm #1241283
    App-Daddy
    This reply has been marked as private.
    August 28, 2020 at 5:07 pm #1241653
    Ismael

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.